ajax-动态添加控件
来源:互联网 发布:书法边框软件 编辑:程序博客网 时间:2024/05/21 05:44
首先使用AJAX动态绑定数据。
在给actioncolumn列赋值的时候使用innerHTML,为table写入一个新的元素 document.innerHTML =’新元素’
/*查询按钮 表格获取内容*/function query() { //判断三个选项是否都为空,如果都为空则返回 if ($('#select_goods').val() == '' && $('#select_date').val() == '' && $('#select_storage').val() == '') { alert('请选择查询条件'); return; } //至少有一个选项不为空,就可以查询 else { $.ajax({ type: "get", url: "/WarehousingLog/resultee", data: "select_goods=" + $("#select_goods").val() + "&select_date=" + $("#select_date").val() + "&select_storage=" + $("#select_storage").val(), dataType: "json", success: function (data) { //循环,向data1里添加数据 place=仓库名称+货位ID actioncolumn=编辑、删除 for (var i = 0; i < data.length; i++) { var data1 = []; data1.push({ "serial": data[i].Serial, "ItemNo": data[i].ItemNo, "ItemName": data[i].ItemName, "CategoryName": data[i].CategoryName, "Number": data[i].Number, "price": data[i].Price, "place": data[i].StorageName+data[i].PositionID, "op": data[i].Op, "applicant": data[i].Applicant, "Explain": data[i].Explain, "isConsumables": data[i].IsConsumables, "actioncolumn": document.innerHTML = '<a href="#"">编辑</a>丨<a href="#">删除</a>' }); } //在下拉框中加载变量中数据 $("#dg").datagrid("loadData", data1) //加载数据 }, error: function (data) { alert("系统出错了,请联系管理员"); } }); }}/*查询按钮 表格获取内容*/
还有一种写法,可以参照13期-侯旭日-easyui datagrid自定义按钮列,最后操作列
成功的秘诀:多读书,多看报,少吃零食,多睡觉
阅读全文
0 0
- ajax-动态添加控件
- AJAX——动态添加控件(复选框)
- 动态添加控件
- 动态添加web控件
- 动态添加控件
- Web动态添加控件
- 动态添加用户控件
- 动态添加控件事件
- 动态控件添加问题
- 动态添加web控件
- 动态添加控件
- 动态添加控件TextBox2
- 动态添加控件
- HTML 动态添加控件
- 动态添加控件
- JavaScript 动态添加控件
- 动态添加控件注意事项
- 动态添加控件
- codeforces—— 869C —— The Intriguing Obsession
- 直接输出数组的最大值或者最小值
- 调试技巧——宏定义开关和printf
- POJ3723 Conscription 解题报告【Kruskal/最大生成树】
- Java 线程讲解
- ajax-动态添加控件
- MapReduce控制台打印释义
- Codechef REBXOR(01Trie)
- 工厂模式
- vue axios node cors 跨域解决 session验证
- XYG
- vs2015中stack overflow错误的解决
- C#224课的主要内容
- 【网络】POP3、IMAP和SMTP