转自：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. 巩固JavaSE基础--IDEA完成实战项目

    PS:学习完JavaSE基础后,需要有一个项目来测试自己的学习成果,并加以巩固.所以在这里,就让我们来学习下“一本糊涂账”项目吧.(此项目来源于Java自学网站) 项目完成效果图一览

  2. Java基础——二分法

    BinarySearch 二分法查找,顾名思义就是要将数据每次都分成两份然后再去找到你想要的数据,我们可以这样去想,二分法查找很类似与我们平时玩的猜价格游戏,当你报出一个价格时裁判会告诉你价格相对于真 ...

  3. buf.writeFloatBE()函数详解

    buf.writeFloatBE(value, offset[, noAssert]) buf.writeFloatLE(value, offset[, noAssert]) value {Numbe ...

  4. mysql连接错误解决(ERROR 2049 (HY000): Connection using old (pre-4.1.1) authentication protocol ref used (client option 'secure_auth' enabled))

    当使用mysql的新版本是,连接老版本的mysql,就会有可能报: ERROR 2049 (HY000): Connection using old (pre-4.1.1) authenticatio ...

  5. OS X中微信双开

    1.打开系统终端: 2.下载插件,输入命令(不包括括号) git clone https://github.com/Sunnyyoung/WeChatTweak-macOS.git 并回车: 3.进入 ...

  6. String类的转换功能

    /* * String类的转换功能 * char[] toCharArray():把字符串转换为字符数组 * String toLowerCase():把字符串转换为小写字符串 * String to ...

  7. 类中的普通方法伪装成属性 @property

    class P: def __init__(self,name,age): self.name=name if type(age) is int: self.__age=age else: print ...

  8. Codeforces Round #235 (Div. 2)

    A. Vanya and Cards time limit per test 1 second memory limit per test 256 megabytes input standard i ...

  9. [K/3Cloud]在插件中根据条件取消表单打开过程

    新建一个类,继承自动态表单抽象插件类AbstractBillPlugIn,重写PreOpenForm. /// <summary> /// 销售订单 单据维护界面插件 /// </s ...

  10. HXY烧情侣（洛谷 2194）

    题目描述 众所周知,HXY已经加入了FFF团.现在她要开始喜(sang)闻(xin)乐(bing)见(kuang)地烧情侣了.这里有n座电影院,n对情侣分别在每座电影院里,然后电影院里都有汽油,但是要 ...