在datagrid中的toolbar添加输入框
2024-08-30 23:17:23
转自: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>
最新文章
- jdbc java数据库连接 1)jdbc入门
- GCD一些常用的方法
- 记账类APP竞品分析-挖财与随手记
- ApiResponse 在 Swagger 1 和Swagger 2中的不同
- DUBBO参数验证
- hdu 3579 Hello Kiki (中国剩余定理)
- Chrome 控制台指南
- jQuery简单入门(四)
- Codeforces Round #249 (Div. 2) B. Pasha Maximizes
- debian linux 下安装 netbeans(php)
- guava学习--Optional可空类型
- bzoj 3196/tyvj p1730 二逼平衡树
- shell的编程结构体
- poj 2159 D - Ancient Cipher 文件加密
- Effective Java 第三版——10. 重写equals方法时遵守通用约定
- php代码一样,编码不同报错
- R语言使用 multicore 包进行并行计算
- 对YUV数据进行裁剪
- threading模块,python下的多线程
- 整合Druid数据源
热门文章
- Python orm基础
- block的作用
- 11servlet接口
- 为什么map对象不能使用stl中的sort函数
- convert images to a video (Ubuntu)
- 处理回车提交、ctrl+enter和shift+enter都不提交->;textarea正常换行
- 【Codeforces 922D】Robot Vacuum Cleaner
- springboot学习-jdbc操作数据库--yml注意事项--controller接受参数以及参数校验--异常统一管理以及aop的使用---整合mybatis---swagger2构建api文档---jpa访问数据库及page进行分页---整合redis---定时任务
- 2017北京ICPC C题 Graph
- hdu 2604 矩阵快速幂模板题