转自：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. Pycharm中通过扩展工具添加QTDesigner

    1.在电脑中找到Designer.exe的安装目录: 2.在pycharm中打开file->Settings->Tools->External Tools进行配置: 配置如下图所示: ...

  2. 【LeetCode】9、Palindrome Number（回文数）

    题目等级:Easy 题目描述: Determine whether an integer is a palindrome. An integer is a palindrome when it rea ...

  3. 带返回值的线程Callable

  4. putchar()和getchar()使用解析

    1.putchar() 作用:输出一个字符 格式:putchar(c),c为输出参数 #include <stdio.h> int main() { char a1='A',b1='B'; ...

  5. CentOS7 安装 PHP7.2

    点击查看原文 安装源 安装 EPEL 软件包: $ sudo yum install epel-release 安装 remi 源: $ sudo yum install http://rpms.re ...

  6. FZU 1492 地震预测(模拟链表的应用)(Java实现)

    FZU 1492 地震预测(模拟链表的应用)(Java实现) 怀特先生是一名研究地震的科学家,最近他发现如果知道某一段时间内的地壳震动能量采样的最小波动值之和,可以有效地预测大地震的发生. 假设已知一 ...

  7. Ajax_数据格式_JSON

    [JSON] 1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSO ...

  8. js中匿名函数的N种写法

    匿名函数没有实际名字,也没有指针,怎么执行? 关于匿名函数写法,很发散~ +号是让函数声明转换为函数表达式.汇总一下 最常见的用法: 代码如下: (function() {  alert('water ...

  9. [luoguP1631] 序列合并（堆 || 优先队列）

    传送门 首先,把A和B两个序列分别从小到大排序,变成两个有序队列.这样,从A和B中各任取一个数相加得到N2个和,可以把这些和看成形成了n个有序表/队列: A[1]+B[1] <= A[1]+B[ ...

  10. NOIP2014 提高组合集

    NOIP 2014 提高组 合集 D1 T1 生活大爆炸版石头剪刀布 首先,先将两个人的猜拳序列都变得不小于n.然后逐个模拟.胜败什么的看表就行了. #include <iostream> ...