easyUI删除行的操作

                columns: [[
                { field: ‘KeyContent‘, title: ‘关键词‘ },
                {
                    field: ‘ProductType‘, title: "用品/配件",
                    formatter: function (value, rec) {
                        if (value == 0)
                            return "配件"
                        else if (value == 1)
                            return "用品";
                        else
                            return "";
                    }
                },
                {
                    field: ‘ID‘, title: "操作",
                    formatter: function (value, rec) {
                        return "<a href=‘javascript:;‘ onclick=‘edit(\"" + value + "\")‘>编辑</a>|<a v=‘"+value+"‘ href=‘javascript:;‘ onclick=‘del(this)‘>删除</a>"
                    }
                }
                ]]
        function del(obj) {
            var id = $(obj).attr(‘v‘);

            $.post("/ProductLucene/DelConditions",{ id: id },function (r) {
                if (r == false) {
                    alert(‘删除失败‘); return false;
                }else
                    $(‘#divList‘).datagrid(‘reload‘);

           });
        }
时间: 2024-10-05 05:10:11

easyUI删除行的操作的相关文章

Jquery EasyUI封装简化操作

//confirm function Confirm(msg, control) { $.messager.confirm('确认', msg, function (r) { if (r) { eval(control.toString().slice(11)); } }); return false; } //load function Load() { $("<div class=\"datagrid-mask\"></div>").cs

easyUI跨Tab操作datagrid

1.在datagrid那个页面定义方法 1 window.top["RELOAD_MY_DATAGRID"]=function(){ 2 $("#dg").datagrid("reload"); 3 }; 2.在easyUI主页定义方法 1 function reloadTabGrid(title) { 2 if ($("#workSpace" ).tabs('exists', title)) { 3 window.top.R

easyui datagrid 动态操作editor 的方法

easyui本身是不提供这么细节的功能的,需要我们自己拓展下: 在easyui.min.js中扩展: $.extend($.fn.datagrid.methods, { addEditor : function(jq, param) { if (param instanceof Array) { $.each(param, function(index, item) { var e = $(jq).datagrid('getColumnOption', item.field); e.editor

js实现对table的增加行和删除行的操作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

easyui api常用操作

一.FORM表单类 一.textbox validatebox 验证 1.验证规则:validType : 验证规则,类型STRING|ARRAY:1个规则就直接一个字符串,多个规则写在数组里 例如: <input class="easyui-textbox" dataoptions="validType:['验证规则1','验证规则2']"> <input class="easyui-textbox" dataoptions=

easyUI的简单操作

1.<div id = 'a'> $('#a').组件({ 参数 });                                (常用,一般获取动态数据) 2.<div class = '组件' 样式...> 3.多选下拉框的使用: <input id="admin_dbxm_jhzgSelect" name="jhzgNameIds"  />        <a id="admin_dbxm_search

easyui下拉列表级联操作,加载完毕后自动默认加载第一项的下级菜单

1.html代码: <td width="80px;">科目名称:</td> <td style="text-align: left;"> <select id="accountitem" name="accountitem" class="easyui-combobox" style="width:150px;" data-options=&q

对Table的操作(赋值、动态新增行、删除行、保存table中多行数据对象

一.成品界面: 二.功能点描述 从后台传list对象,前台table展示. 可添加行操作,新增或者删除行. 三.源码: Form表单: <form id="reportForm" method="post"> <table class="table-grid table-list" cellpadding="1" cellspacing="1" id="reportTable&q

【开源】OSharp框架解说系列(2.2):EasyUI复杂布局及数据操作

一.目录 一.目录 二.EasyUI复杂布局 三.EasyUI动态工具栏 四.EasyUI增删改操作 五.开源说明 系列导航 二.EasyUI复杂布局 接上篇,前面我们已经定义了一个 datagrid父视图 _DataGridLayout.cshtml,实现一个表格是相当的容易.但是,实际业务中,并非所有的数据列表并非只是单一的datagrid列表,还可能需要把datagrid与其他组件配合使用,比如角色信息是来源于各个组织机构的,就需要增加一个组织机构的分类,来更好的管理各种角色.最终效果图如