在datagrid中的toolbar添加输入框

转自：https://blog.csdn.net/u013178480/article/details/72358551

 1 <code class="language-html"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 5     <title>jQuery EasyUI</title>
 6     <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
 7     <link rel="stylesheet" type="text/css" href="../themes/icon.css">
 8     <script type="text/javascript" src="../jquery-1.4.4.min.js"></script>
 9     <script type="text/javascript" src="../jquery.easyui.min.js"></script>
10     <script>
11         $(function(){
12             $('#test').datagrid({
13                 title:'TestDataGrid',//列表名
14                 iconCls:'icon-save',
15                 width:600,
16                 height:350,
17                 nowrap: false,
18                 striped: true,
19                 collapsible:true,
20                 url:'datagrid_data.json', //所连的Action名
21                 sortName: 'code',
22                 sortOrder: 'desc',
23                 remoteSort: false,
24                 idField:'code',
25                 frozenColumns:[[
26                     {field:'ck',checkbox:true},
27                     {title:'序列',field:'code',width:80,sortable:true}
28                 ]],
29                 columns:[[
30                     {title:'内容',colspan:3},
31                     {field:'opt',title:'操作',width:100,align:'center', rowspan:2,
32                         formatter:function(value,rec){
33                             return '<span style="color:red">编辑 删除e</span>';
34                         }
35                     }
36                 ],[
37                     {field:'writer',title:'姓名',width:120},
38                     {field:'addr',title:'住址',width:120,rowspan:2,sortable:true,
39                         sorter:function(a,b){
40                             return (a>b?1:-1);
41                         }
42                     },
43                     {field:'content',title:'说说',width:150,rowspan:2}
44                 ]],
45                 pagination:true,
46                 rownumbers:true,
47                 toolbar:[{
48             text: '输入框1<input type="text" id="userAccount"/>输入框2<input type="text" id="identityNum"/>'
49         }, {
50             text: '输入框3<input type="text" id="username"/>'
51         }, {
52             id: 'btnAddPeopleSetId',
53             text: '这是toolbar输入框',
54             iconCls: 'icon-add',
55             handler: function(){
56                 inputToobar();
57             }
58         }]
59             });
60             var p = $('#test').datagrid('getPager');
61             if (p){
62                 $(p).pagination({
63                     onBeforeRefresh:function(){
64                         alert('before refresh');
65                     }
66                 });
67             }
68         });
69
70     </script>
71 </head>
72 <body>
73     <h1>DataGrid</h1>
74     <table id="test"></table>
75
76 </body>
77 </html>
78 </code>

转载于:https://www.cnblogs.com/sharpest/p/9804085.html

在datagrid中的toolbar添加输入框相关推荐

Android之Toolbar的三个问题：修改左边箭头颜色、怎样修改右边以及子activity中的toolbar添加返回箭头
1)怎样修改左边这个小箭头的颜色? 2)怎样修改右边这三个点的颜色.怎样把这三个点替换成我自己的图标? 3)怎样让"交易清单"这4个字居中显示? 首先设置Theme为AppComp ...
Android之Toolbar的三个问题：修改左边箭头颜色、怎样修改右边以及子activity中的toolbar添加返回箭头...
1)怎样修改左边这个小箭头的颜色? 2)怎样修改右边这三个点的颜色.怎样把这三个点替换成我自己的图标? 3)怎样让"交易清单"这4个字居中显示? 首先设置Theme为AppComp ...
在DataGrid中添加一个LookUpColumn,以比较灵活地实现DictValue值代替DictID值显示.
在一个项目中,我遇到这样一个问题: 数据库字段只存储了一个字典ID1,在DataGrid中显示时,需要用相应的字典Value1来代替字典ID1显示.解决这个问题一般有两个方法: 方法1: 数据库查询 ...
DataGrid中页导航栏的自定义样式
我们可以利用DataGrid的ItemCreat()方法来实现DataGrid中页脚(Foot)和页导航栏的自定义样式.ItemCreat,顾名思义,就是在数据项创建时发生的事件,对于DataGrid ...
给 DataGrid 的删除信息添加提示
一.在 DataGrid 之外用一个按钮来删除只要给这个按钮添加操作提示,在 Page_Load 里面添加如下代码就可以: btnDelete.Attributes.Add("onclic ...
在WPF的DATAGRID中快速点击出现在ADDNEW或EDITITEM事务过程不允许DEFERREFRESH
在WPF的DATAGRID中快速点击出现在ADDNEW或EDITITEM事务过程不允许DEFERREFRESH 原文在WPF的DATAGRID中快速点击出现在ADDNEW或EDITITEM事务过程不 ...
wpf中的datagrid中如何显示图片
2012-09-11 10:55 在datagrid中添加一个模板列,xaml内容如下: <DataGridTemplateColumn Header="头像" Width= ...
UIAlertAction添加输入框
* UIAlertController & UIAlertAction * 1. 在iOS8中,我们失去了两个非常简单的控件,那就是UIAlertView.UIActionSheet,取而 ...
DataGrid中的超级链接列使用注意点
在DataGrid中的超级链接列的信息后面想要加入其他的信息,如标志性图片等,在ItemDataBound的事件中进行附加数据,这样是取不到数据的(原数据不能显示了),有另外一个方法,就是不用超级链接 ...

在datagrid中的toolbar添加输入框

在datagrid中的toolbar添加输入框相关推荐

最新文章

热门文章