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

 <code class="language-html"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

     <title>jQuery EasyUI</title>

     <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">

     <link rel="stylesheet" type="text/css" href="../themes/icon.css">

     <script type="text/javascript" src="../jquery-1.4.4.min.js"></script>

     <script type="text/javascript" src="../jquery.easyui.min.js"></script>

     <script>

         $(function(){

             $('#test').datagrid({

                 title:'TestDataGrid',//列表名

                 iconCls:'icon-save',

                 width:600,

                 height:350,

                 nowrap: false,

                 striped: true,

                 collapsible:true,

                 url:'datagrid_data.json', //所连的Action名

                 sortName: 'code',

                 sortOrder: 'desc',

                 remoteSort: false,

                 idField:'code',

                 frozenColumns:[[

                     {field:'ck',checkbox:true},

                     {title:'序列',field:'code',width:80,sortable:true}

                 ]],

                 columns:[[

                     {title:'内容',colspan:3},

                     {field:'opt',title:'操作',width:100,align:'center', rowspan:2,

                         formatter:function(value,rec){

                             return '<span style="color:red">编辑 删除e</span>';

                         }

                     }

                 ],[

                     {field:'writer',title:'姓名',width:120},

                     {field:'addr',title:'住址',width:120,rowspan:2,sortable:true,

                         sorter:function(a,b){

                             return (a>b?1:-1);

                         }

                     },

                     {field:'content',title:'说说',width:150,rowspan:2}

                 ]],

                 pagination:true,

                 rownumbers:true,

                 toolbar:[{

             text: '输入框1<input type="text" id="userAccount"/>输入框2<input type="text" id="identityNum"/>'

         }, {

             text: '输入框3<input type="text" id="username"/>'

         }, {

             id: 'btnAddPeopleSetId',

             text: '这是toolbar输入框',

             iconCls: 'icon-add',

             handler: function(){

                 inputToobar();

             }

         }]

             });

             var p = $('#test').datagrid('getPager');

             if (p){

                 $(p).pagination({

                     onBeforeRefresh:function(){

                         alert('before refresh');

                     }

                 });

             }

         });

     </script>

 </head>

 <body>

     <h1>DataGrid</h1>

     <table id="test"></table>

 </body>

 </html>

 </code>

在datagrid中的toolbar添加输入框的更多相关文章

  1. Android之Toolbar的三个问题：修改左边箭头颜色、怎样修改右边以及子activity中的toolbar添加返回箭头

    1)怎样修改左边这个小箭头的颜色? 2)怎样修改右边这三个点的颜色.怎样把这三个点替换成我自己的图标? 3)怎样让"交易清单"这4个字居中显示? 首先设置Theme为AppComp ...

  2. 在WPF的DataGrid中对行添加单击事件

    在做的一个c#的项目中发现Datagrid没办法直接对鼠标单击进行响应,调用MouseDown事件也需要点击某一行第二次才能响应.所以借助EventSetter来简单的实现了一个. 界面部分的代码 & ...

  3. Android中ActionBar和ToolBar添加返回箭头

    感谢大佬:https://blog.csdn.net/baidu_32682229/article/details/77927745 ActionBar添加返回箭头 //onCreate方法中 Act ...

  4. ThinkPHP与EasyUI整合之三（searchbox）：在datagrid中查询指定记录

    在datagrid中toolbar添加searchbox查询框,根据列范围查询数据,先看效果图: 1. searchbox采用easyui的Demo例子,再加以js扩展,根据datagrid中的列数据 ...

  5. Android Fragment使用(四) Toolbar使用及Fragment中的Toolbar处理

    Toolbar作为ActionBar使用介绍 本文介绍了在Android中将Toolbar作为ActionBar使用的方法. 并且介绍了在Fragment和嵌套Fragment中使用Toolbar作为 ...

  6. Silverlight 中DataGrid中全选与非全选问题

    问题:当点击全选时,全选所有的复选框,但是滚动屏幕时,却复选框就会取消选中 一.解决方法(将要展示的实体数据模型添加bool属性,在数据绑定时添加click时间,盘带选中的状态,就可以了) 1. xa ...

  7. EasyUI 1.3之前DataGrid中动态选中、获取Checkbox

    这几天做项目,由于项目中用到的EasyUI版本过低,不能使用自带操作DataGrid中CheckBox的方法. 所以自己写了一个临时方案: 根据ID集合选中所属行的CheckBox: data={1, ...

  8. EasyUi DataGrid中数据编辑方式及编辑后数据获取，校验处理

    EasyUi中的DataGrid提供前台编辑的相关函数. 实现客户选中DataGrid中一列后,对选中列中的一个字段进行编辑,并对数据进行实时校验后,传递至后台保存的需求, 主要涉及到DataGrid ...

  9. 在WPF的DATAGRID中快速点击出现在ADDNEW或EDITITEM事务过程不允许DEFERREFRESH

    原文 在WPF的DATAGRID中快速点击出现在ADDNEW或EDITITEM事务过程不允许DEFERREFRESH 在项目中关于DataGrid的遇到过一些问题,其中是关于迁入CheckBox的双向 ...

随机推荐

  1. 【转载】jxl的使用总结（java操作excel）

    jxl.jar是通过java操作excel表格的工具类库: 链接:https://pan.baidu.com/s/1AAT_eA_Q47zFeQohap6eQg 提取码:777b 1:通过模拟实现创建 ...

  2. sscanf 与 sscanf_s

    sscanf 与 sscanf_s 之间的Details sscanf sscanf函数想必大家用的很熟练吧 sscanf函数原型: sscanf(const char* src,format,... ...

  3. 在Java中调用带参数的存储过程

    JDBC调用存储过程: CallableStatement 在Java里面调用存储过程,写法那是相当的固定: Class.forName(.... Connection conn = DriverMa ...

  4. mysql insert一条记录后 返回创建记录主键id的方法

    mysql插入数据后返回自增ID的方法 mysql和oracle插入的时候有一个很大的区别是,oracle支持序列做id,mysql本身有一个列可以做自增长字段,mysql在插入一条数据后,如何能获得 ...

  5. Openstack manila的一些命令

    (本文是测试环境进行的操作:) 1.查看一些信息: [root@openstackcontroller ~]# manila type-list [root@openstackcontroller ~ ...

  6. sectional data interpolation in Tecplot

    $!Varset |NumLoop|= $!Loop |NumLoop| $!Varset |num|=(|Loop|*+) $!RotateData ZoneList = [] Angle = |n ...

  7. java 访问对象私有变量

    Captcha captcha = getCaptcha(captchaId); // 通过反射获取验证码值 Class<?> classType = captcha.getClass() ...

  8. 《Noisy Activation Function》噪声激活函数（一）

    本系列文章由 @yhl_leo 出品,转载请注明出处. 文章链接: http://blog.csdn.net/yhl_leo/article/details/51736830 Noisy Activa ...

  9. noip模拟赛 兔子

    [问题描述]在一片草原上有N个兔子窝,每个窝里住着一只兔子,有M条路径连接这些窝.更特殊地是,至多只有一个兔子窝有3条或更多的路径与它相连,其它的兔子窝只有1条或2条路径与其相连.换句话讲,这些兔子窝 ...

  10. [K/3Cloud]进度条控件编程接口

    进度条控件编程接口 1.启动进度查询 this.GetControl<ProgressBar>().Start(2)  //每2秒查询一次进度 2.汇报进度 在插件中重载 OnQueryP ...