datagrid | 易学教程

用Repeater控件显示数据

阅读更多关于用Repeater控件显示数据

如果你正在使用ASP.NET，你一定对DataGrid控件非常熟悉。DataGrid控件提供了各种特性，通过这些特性可以很容易地在一个Web页面上以列表形式显示数据。但是，如果你不想使用HTML表格形式呢？此时，可以使用一个DataGrid的一个鲜为人知的兄弟控件，即Repeater控件。Repeater控件提供显示你所需要数据的灵活性。 Repeater控件是什么？ Repeater是一个可重复操作的控件，也就是说，它通过使用模板显示一个数据源的内容，而你可以很容易地配置这些模板。Repeater包含如标题和页脚这样的数据，它可以遍历所有的数据选项并应用到模板中。与DataGrid和DataList控件不同， Repeater控件并不是由WebControl类派生而来。所以，它不包括一些通用的格式属性，比如控制字体，颜色，等等。然而，使用Repeater控件，HTML(或者一个样式表)或者ASP.NET类可以处理这些属性。 HTML在哪里？ Repeater控件与DataGrid (以及DataList)控件的主要区别是在于如何处理HTML 。 ASP.NET建立HTML代码以显示DataGrid控件，但 Repeater允许开发人员决定如何显示数据。所以，你可以选择将数据显示在一个HTML表格中或者一个顺序列表中。这主要取决于你的选择，但你必须

用Repeater控件显示数据

阅读更多关于用Repeater控件显示数据

用Repeater控件显示数据分类: 默认栏目本文来自： http://jelly80.bokee.com/viewdiary 如果你正在使用 ASP.NET，你一定对DataGrid控件非常熟悉。DataGrid控件提供了各种特性，通过这些特性可以很容易地在一个Web页面上以列表形式显示数据。但是，如果你不想使用HTML表格形式呢？此时，可以使用一个DataGrid的一个鲜为人知的兄弟控件，即Repeater控件。Repeater控件提供显示你所需要数据的灵活性。 Repeater控件是什么？ Repeater是一个可重复操作的控件，也就是说，它通过使用模板显示一个数据源的内容，而你可以很容易地配置这些模板。Repeater包含如标题和页脚这样的数据，它可以遍历所有的数据选项并应用到模板中。与 DataGrid和DataList控件不同，Repeater控件并不是由WebControl类派生而来。所以，它不包括一些通用的格式属性，比如控制字体，颜色，等等。然而，使用Repeater控件，HTML(或者一个样式表)或者ASP.NET类可以处理这些属性。 HTML在哪里？ Repeater控件与DataGrid (以及DataList)控件的主要区别是在于如何处理HTML。ASP.NET建立HTML代码以显示DataGrid控件，但Repeater允许开发人员决定如何显示数据

jQuery easyui datagrid 的数据加载

阅读更多关于 jQuery easyui datagrid 的数据加载

其实easyuidatagrid加载数据只有两种方式：一种是ajax加载目标url返回的json数据；另一种是加载js对象，也就是使用loadDate方法，这种方法用于加载本地js数据（非url调用）。在项目中我用到的以及研究别人代码中用到的普遍是第一种，下面就分别对他们进行总结。一、ajax加载目标url返回的json数据首先明确，通过ajax加载目标url返回的值不一定是json格式，在 http://blog.csdn.net/luckystar689/article/details/51107388 这篇文章中，楼主向我们介绍了MVC中传值返回到View的集中数据格式，对于这篇博客的思考，对于下拉框、表格、text框我们该传递何种类型的数据进行总结。而对于datagrid我们选择用json进行返回值传递。形式一： [javascript] view plain copy <span style= "font-family:Microsoft YaHei;font-size:14px;"> function SelectSubsidiary() { //获取类别 var CadresType = $( '#DictionaryName12').combobox( 'getText'); //获取所属单位 var SubsidiaryName = $( '

Jquery EasyUI DataGrid .net实例

阅读更多关于 Jquery EasyUI DataGrid .net实例

前台界面：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>DataGrid教程</title> <script src="Scripts/jquery.min.js" type="text/javascript"></script> <script src="Scripts/easyui-lang-zh_CN.js" type="text/javascript"></script> <script src="Scripts/jquery.easyui.min.js" type="text/javascript"></script> <link rel="Stylesheet" type="text/css" href="Styles/themes/icon.css" /> <link rel="Stylesheet" type="text/css" href="Styles/themes/default/easyui.css" /> <script type="text

easyui datagrid formatter

阅读更多关于 easyui datagrid formatter

如何在datagrid 的field单元格中加入一个链接，如何根据内容来替换单元格的内容？这些功能都可以通过datagrid的formatter实现，比如如果要在一个单元格中加入一个链接，可以这样写 1: { 2: field: "xx", 3: formatter: function(value,row,index) { 4: return "<a href="#">test</a>" 5: } 6: } 如果想根据value的值不同来变换单元格内容，可以这样写 1: { 2: field: "test", 3: formatter: function(value,row,index) { 4: if (value == 1) { 5: return "right" 6: }else{ 7: return "wrong" 8: } 9: } 10: } 其中value就是当前单元格的内容，row是整行的数据，index是行号.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color: #ffffff; /*white-space: pre;*/ }

EasyUI学习笔记---Datagrid真分页

阅读更多关于 EasyUI学习笔记---Datagrid真分页

EasyUI Datagrid组件在我看来功能还是很强大的，在我使用过程中遇到分页请求的问题困扰了一天才解决，下面我就把我遇到的问题分享一下 //datagrid数据表格渲染 $("#dg").datagrid({ loader: function(param, success, error) { var pageNumber = param.page; var pageSize = param.rows; $.ajax({ type: "get", url: url, dataType: 'jsonp', data: "pageNum=" + pageNumber + "&pageSize=" + pageSize, success: function(data) { if(data.code == 0) { var arr = data.result.content; $("#dg").datagrid('loadData', { total: data.result.page.totalRecord, rows: arr }) } }, error: function() { error.apply(this, arguments); } }); } }) 传入的参数有param, success, error可选这里我主要用到了param，param有param.page

easyUI DataGrid 分页

阅读更多关于 easyUI DataGrid 分页

easyUI 自带了分页控件pagination, 那么在datagrid中只需要设置pagination:true即可。 datagrid分页如何与后台数据进行交互呢？ datagrid设置分页后，会有两个参数传递到后台，在后台接受这两个参数，取出相应数据，返回到前端显示 page :当前第几页 rows :当前页显示多少条数据当点击分页时，都会重新发送一次请求并且后台需要返回total 表示一共有多少条数据，前端会接受它，算出{pages},{from},{to},{total}等一系列信息。那么怎么设置下面分页工具条显示成中文呢？ var p = $('#tb').datagrid('getPager'); $(p).pagination({ pageSize: 10,//每页显示的记录条数，默认为10 pageList: [5,10,15],//可以设置每页记录条数的列表 beforePageText: '第',//页数文本框前显示的汉字 afterPageText: '页共 {pages} 页', displayMsg: '当前显示 {from} - {to} 条记录共 {total} 条记录', onBeforeRefresh:function(){ $(this).pagination('loading'); alert('before refresh');

datagrid带查询带分页

阅读更多关于 datagrid带查询带分页

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>历史数据</title> <script type="text/javascript" src="../Scripts/easyui/jquery.min.js"></script> <script type="text/javascript" src="../Scripts/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="../Scripts/easyui/locale/easyui-lang-zh_CN.js"></script> <script src="../Scripts/method.js"></script> <link href="../Scripts/easyui/themes/default/easyui.css" rel="stylesheet" /> <link href="../Scripts/easyui/themes/icon.css"

DataGrid控件的分页

阅读更多关于 DataGrid控件的分页

自动分页： dg1.AllowPaging = True; 自定义分页：dg1.AllowPaging = dg1.AllowCustomPaging = True; 1.自动分页 1)设置DataGrid控件的AllowPaging属性为True。可以直接在属性面板中设置，也可以在DataGrid控件的属性生成器中设置 2)为DataGrid控件编写PageIndexChanged事件处理方法，代码如下： --------------------------------------------------------------------------- DataGrid1.CurrentPageIndex = e.NewPageIndex; //更改显示页索引后，要重新绑定DataGrid控件 datagridBind(); //这是一个用于绑定页面上DataGrid控件的方法 --------------------------------------------------------------------------- 2.对自动分页的分析首先，设置DataGrid控件dg1的AllowPaging属性为True 其次，设置dg1的PageSize属性(即单页上显示的项数) 三，为dg1的DataSource属性指定数据源(实现IEnumerable

jQuery EasyUI

阅读更多关于 jQuery EasyUI

jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。特点 jQuery EasyUI为提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。 jQuery EasyUI是基于JQuery的一个前台ui界面的插件，功能相对没extjs强大，但页面也是相当好看的，同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用，相对于extjs更轻量。 jQuery EasyUI有以下特点： 1、基于jquery用户界面插件的集合 2、为一些当前用于交互的js应用提供必要的功能 3、EasyUI支持两种渲染方式分别为javascript方式（如：$('#p').panel({...})）和html标记方式（如：class="easyui-panel"） 4、支持HTML5（通过data-options属性） 5、开发产品时可节省时间和资源 6、简单，但很强大 7、支持扩展，可根据自己的需求扩展控件 8

订阅 datagrid