JqueryEasyUi追加自定义工具标签
2016-06-10 13:29
537 查看
<script type="text/javascript">
$(function () {
var lastIndex;
$('#tt').datagrid({
toolbar: [{
text: '添加',
iconCls: 'icon-add',
handler: function () {
var v = $('#tt').datagrid('getRows').length + 1;
$('#tt').datagrid('endEdit', lastIndex);
$('#tt').datagrid('appendRow', {
itemid: v,
productid: '',
listprice: '',
unitprice: '',
attr1: '',
status: 'P'
});
lastIndex = $('#tt').datagrid('getRows').length - 1;
$('#tt').datagrid('selectRow', lastIndex);
$('#tt').datagrid('beginEdit', lastIndex);
}
}, '-', {
text: '删除',
iconCls: 'icon-remove',
handler: function () {
var row = $('#tt').datagrid('getSelected');
if (row) {
var index = $('#tt').datagrid('getRowIndex', row);
$('#tt').datagrid('deleteRow', index);
}
}
}, '-', {
text: '保存',
iconCls: 'icon-save',
handler: function () {
$('#tt').datagrid('acceptChanges');
}
}, '-', {
text: '重置',
iconCls: 'icon-undo',
handler: function () {
$('#tt').datagrid('rejectChanges');
}
}],
onBeforeLoad: function () {
$(this).datagrid('rejectChanges');
},
onClickRow: function (rowIndex) {
if (lastIndex != rowIndex) {
$('#tt').datagrid('endEdit', lastIndex);
$('#tt').datagrid('beginEdit', rowIndex);
}
lastIndex = rowIndex;
}
});
$('#DIV_toolbar').appendTo('.datagrid-toolbar');
});
</script>
<div id="DIV_toolbar'" style=" margin :0px; padding :5px;"> |
单据编号:XSD2013060001
客户姓名:
<select id="cc" class="easyui-combobox" name="state" style="width:100px;" data-options="required:true">
<option value="张三">张三</option>
<option value="李四">李四</option>
<option value="王五">王五</option>
</select>
日期:
<input id="Text4" type="text" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"/>
</div>
$(function () {
var lastIndex;
$('#tt').datagrid({
toolbar: [{
text: '添加',
iconCls: 'icon-add',
handler: function () {
var v = $('#tt').datagrid('getRows').length + 1;
$('#tt').datagrid('endEdit', lastIndex);
$('#tt').datagrid('appendRow', {
itemid: v,
productid: '',
listprice: '',
unitprice: '',
attr1: '',
status: 'P'
});
lastIndex = $('#tt').datagrid('getRows').length - 1;
$('#tt').datagrid('selectRow', lastIndex);
$('#tt').datagrid('beginEdit', lastIndex);
}
}, '-', {
text: '删除',
iconCls: 'icon-remove',
handler: function () {
var row = $('#tt').datagrid('getSelected');
if (row) {
var index = $('#tt').datagrid('getRowIndex', row);
$('#tt').datagrid('deleteRow', index);
}
}
}, '-', {
text: '保存',
iconCls: 'icon-save',
handler: function () {
$('#tt').datagrid('acceptChanges');
}
}, '-', {
text: '重置',
iconCls: 'icon-undo',
handler: function () {
$('#tt').datagrid('rejectChanges');
}
}],
onBeforeLoad: function () {
$(this).datagrid('rejectChanges');
},
onClickRow: function (rowIndex) {
if (lastIndex != rowIndex) {
$('#tt').datagrid('endEdit', lastIndex);
$('#tt').datagrid('beginEdit', rowIndex);
}
lastIndex = rowIndex;
}
});
$('#DIV_toolbar').appendTo('.datagrid-toolbar');
});
</script>
<div id="DIV_toolbar'" style=" margin :0px; padding :5px;"> |
单据编号:XSD2013060001
客户姓名:
<select id="cc" class="easyui-combobox" name="state" style="width:100px;" data-options="required:true">
<option value="张三">张三</option>
<option value="李四">李四</option>
<option value="王五">王五</option>
</select>
日期:
<input id="Text4" type="text" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"/>
</div>
相关文章推荐
- 由简入繁实现Jquery树状结构的方法(推荐)
- jquery自己写表单验证
- 3kb jQuery代码搞定各种树形选择的实现方法
- jQuery的ajax访问后台的函数,有时正常,有时报连接错误的问题总结
- jQuery选择器-表单对象属性选择器示例
- jQuery选择器-表单选择器示例
- javaSc 4000 ript and jQuery 的学习之路之错误笔记day01
- jQuery实现<textarea>高度自适应,适用于td中的textarea
- jQuery选择器-子元素选择器示例
- jquery实现井字格游戏
- 电商之梳理JQuery相关知识---前端技术
- jQuery选择器-可见性选择器示例
- jQuery选择器-内容选择器示例
- jQuery选择器-简单选择器示例
- jQuery选择器-层次选择器示例
- JQuery 事件
- JQuery 选择器
- jquery实现购物车复选框总金额的变化以及全选和反选
- JavaScript-DOM和jQuery(初级入门)
- jQuery 重要的知识点归纳