转自：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. eBPF监控工具bcc系列一启航

    eBPF监控工具bcc系列一启航 在eBPF篇中,我们知道虽然可用 C 来实现 BPF,但编译出来的却仍然是 ELF 文件,开发者需要手动析出真正可以注入内核的代码.工作有些麻烦,于是就有人设计了 B ...

  2. LOJ #6009 「网络流 24 题」软件补丁

    题面 某公司发现其研制的一个软件中有 $ n $ 个错误,随即为该软件发放了一批共 $ m $ 个补丁程序.每一个补丁程序都有其特定的适用环境,某个补丁只有在软件中包含某些错误而同时又不包含另一些错误 ...

  3. jieba的基本使用

    目录 1.分词 2.添加自定义词典 3.关键词提取 4.词性标注 jieba 是一款优秀的 Python 第三方中文分词库,可以使用 pip install jieba / pip3 install ...

  4. linux cmp-比较两个文件是否有差异

    推荐:更多Linux 文件查找和比较 命令关注:linux命令大全 cmp命令用来比较两个文件是否有差异.当相互比较的两个文件完全一样时,则该指令不会显示任何信息.若发现有差异,预设会标示出第一个不通 ...

  5. Django-REST_Framework 第三方登录

    DRF第三方登录,我们将使用第三方包实现!!! 1.首先安装 pip install social-auth-app-django 文档请看 https://python-social-auth.re ...

  6. 【转】sizeof()用法总结

    传送门:https://blog.csdn.net/u011677209/article/details/52837065

  7. RequestMapping_请求参数&请求头

    params和headers支持简单的表达式: --param1:表示请求必须包含名为param1的请求参数. --!param1:表示请求不能包含名为param1的请求参数. --param1 != ...

  8. 【Codeforces 924C】Riverside Curio

    [链接] 我是链接,点我呀:) [题意] 题意 [题解] 设第i天总共的线数为t[i] 水平线上线数为m[i]是固定的 水平线下的线数设为d[i] 则d[i]+m[i]+1=t[i] 也就是说问题可以 ...

  9. 【Codeforces 675D】Tree Construction

    [链接] 我是链接,点我呀:) [题意] 依次序将数字插入到排序二叉树当中 问你每个数字它的父亲节点上的数字是啥 [题解] 按次序处理每一个数字 对于数字x 找到最小的大于x的数字所在的位置i 显然, ...

  10. JWT & HMAC-SHA256

    JWT JSON Web Tokens https://jwt.io/ https://en.wikipedia.org/wiki/JSON_Web_Token#Structure HMACSHA25 ...