转自：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. Vue组件传值方法调用

    1.子组件改变父组件的值 <father  label="云盘快照" name="name2"> <son :props='rows'   @ ...

  2. yii 在lnmp下访问问题

    lnmp大坑 /usr/local/nginx/conf/fastcgi.conf  文件里面

  3. 出生年 (15 分) C解法

    出生年 以上是新浪微博中一奇葩贴:"我出生于1988年,直到25岁才遇到4个数字都不相同的年份."也就是说,直到2013年才达到"4个数字都不相同"的要求.本题 ...

  4. [转]SSD固态存储大观(一)

    From: http://blog.51cto.com/alanwu/1405874 Contents 1.概述... 1 2.FusionIO:Pcie SSD的始作俑者... 2 3.Intel ...

  5. 通过request对象获取客户端的相关信息

    通过request对象获取客户端的相关信息 制作人:全心全意 通过request对象可以获取客户端的相关信息.例如HTTP报头信息.客户信息提交方式.客户端主机IP地址.端口号等等. request获 ...

  6. ssh中将常用的命令做别名

    1.vim ~/.bashrc 将光标落到user下面 2. 输入 alias x=‘ssh的命令’ 3.按ESC键,退出输入状态: 4.按:,然后输入wq,保存退出: 5. source ~/.ba ...

  7. Java Web学习总结（32）——Java程序员最亲睐的Web框架

    这一次,我们要讨论的是web框架. 只有少数几种语言像Java一样提供了各种各样的web框架,上面的统计图就是一个证据.下面是其他开发者所使用web框架列表: spring MVC/Spring Bo ...

  8. Python学习笔记 （2.1）标准数据类型之Number（数字）

    Python3中,数字分为四种——int,float,bool,complex int(整型) 和数学上的整数表示没啥区别,没有大小限制(多棒啊,不用写整数高精了),可正可负.还可表示16进制,以 0 ...

  9. [K/3Cloud] 表单python脚本使用QueryService的做法

    听说有些朋友想在表单里做自定义的界面数据处理,一般来说写个表单插件会很容易解决这类问题.但是鉴于C#插件开发的不便性和实施搭建开发环境的麻烦,在现场做C#开发可能会不太方便(没部署开发环境之类的问题) ...

  10. 备用交换机（cogs 8）

    [问题描述] n个城市之间有通讯网络,每个城市都有通讯交换机,直接或间接与其它城市连接.因电子设备容易损坏,需给通讯点配备备用交换机.但备用交换机数量有限,不能全部配备,只能给部分重要城市配置.于是规 ...