ext2.2打造全新功能grid系列--批量删除篇

最新推荐文章于 2024-07-12 16:42:46 发布
最新推荐文章于 2024-07-12 16:42:46 发布
阅读量94 收藏
点赞数
分类专栏： Ext JS 文章标签： EXT CSS JavaScript json Ajax ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happy100583/article/details/83424399
版权

CODE:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridMoreDelete.aspx.cs" Inherits="gridMoreDelete" %>
<!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 runat="server">
    <title>批量删除篇</title>
    <link rel="Stylesheet" type="text/css" href="ExtJS/resources/css/ext-all.css" />
    <link rel="Stylesheet" type="text/css" href="ExtJS/resources/css/xtheme-green.css" />
    <script type="text/javascript" src="ExtJS/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ExtJS/ext-all.js"></script>
    <script type="text/javascript" src="ExtJS/ext-lang-zh_CN.js"></script>
    <style type="text/css">
    .panel_icon { background-image:url(images/first.gif)}
    .center_icon { background-image:url(images/house.png)}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <script type="text/javascript">   
    function ready()
    {
        //添加下面这句，有助于当鼠标放在Ext自带的图标上时能够显示提示的功能
        Ext.QuickTips.init();
       
        var url = "jsonGrid.aspx?Param=select";
        var sm = new Ext.grid.CheckboxSelectionModel();
       
        var cm = new Ext.grid.ColumnModel
        ([       
            sm,new Ext.grid.RowNumberer({header:"编号",width:50}),
            {header:"编号",dataIndex:"ID",width:10,hidden:true},
            {header:"标题",dataIndex:"TypeCName",width:100,editor:new Ext.form.TextField()},
            {header:"英文名称",dataIndex:"TypeEName",width:100,editor:new Ext.form.TextField()},
            {header:"状态",dataIndex:"DelFlag",width:100,renderer:function(value) {if(value==false) {return "显示";} else {return "隐藏";}}},
            {header:"添加日期",dataIndex:"AddDate",width:100,renderer:Ext.util.Format.dateRenderer('Y年m月d日')}
        ]);
        cm.defaultSortable = true;
        var fields =
            [
                {name:"ID"},
                {name:"TypeCName"},
                {name:"TypeEName"},
                {name:"DelFlag"},
                {name:"AddDate"}
          ];
        var store = new Ext.data.Store
        ({
            proxy:new Ext.data.HttpProxy({url:url}),
            reader:new Ext.data.JsonReader({totalProperty:"totalPorperty",root:"root",fields:fields})
        });
        store.load({params:{start:0,limit:15}});
       
        var pagingBar = new Ext.PagingToolbar
        ({
            displayInfo:true,
            emptyMsg:"没有数据显示",
            displayMsg:"显示从{0}条数据到{1}条数据，共{2}条数据",
            store:store,
            pageSize:15,
            items:
            [
                ' ',
                {
                    enableToggle: true,
                    text: '刷新',
                    cls: 'x-btn-text-icon details',icon:"images/plugin.gif",
                    toggleHandler: function(btn, pressed)
                    {
                        //动态加重新载数据列表
                        Ext.getCmp("MenuGridPanel").store.reload();
                    }
                },
                '-',
                {
                    enableToggle: true,//TypeTable实体类 ID PID TypeEName TypeCName DelFlag AddDate
                    text: '批量删除',
                    cls: 'x-btn-text-icon details',icon:"images/plugin.gif",
                    toggleHandler: function(btn, pressed)
                    {
                        var rows = Ext.getCmp("MenuGridPanel").getSelections();
                        if(!(rows.length>=1))
                        {
                            Ext.Msg.alert("提示消息","请至少选择一行数据然后才能够删除。<br/>如果需要单行删除并需要确认，请选择[删除]按 钮！<br/>暂时不支持该功能！");return false;
                        }
                        Ext.Msg.confirm("确认消息框","是否确定对选中的行进行删除操作，删除后不能够恢复，建议使用隐藏！",
                        function(btn,txt)
                        {
                            if(btn=="no")
                                return false;
                            else
                            {
                                var Ids = "";
                                for(var i=0;i<rows.length;i++)
                                {
                                    Ids += rows[i].json.ID + ",";//获取批量删除所需要的ID
                                }
                                Ext.Ajax.request
                                ({
                                    url: 'jsonGrid.aspx?Param=deletemore',//批量删除
                                    params:{IdsParam:Ids},
                                    success: function(response, options)
                                    {
                                        var res = Ext.util.JSON.decode(response.responseText);
                                        if(res.success=="")
                                        {
                                            Ext.Msg.alert("提示消息","错误消息","出现异常，可以查看日志了解详细信息！");
                                            return;
                                        }
                                        else if(res.success=="1")
                                        {
                                            Ext.Msg.alert("提示消息","批量删除成功！");
                                            Ext.getCmp("MenuGridPanel").store.reload();
                                        }
                                        else
                                        {
                                            Ext.Msg.alert("提示消息","批量删除失败！");
                                        }
                                    },
                                    failure:function(){Ext.Msg.alert("错误消息","批量删除出现异常，可以查看日志了解详细信息！");} 
                                }); 
                            }
                        });
                    }
                                 
                }, ' ' 
            ] 
        });
        var grid = new Ext.grid.GridPanel
        ({
            id:"MenuGridPanel",
            renderTo:document.body,
            layout:"fit",
            frame:true,
            border:true,
            width:700,
            height:450,
            autoScroll:true, 
            store:store,
            sm:sm,
            cm:cm,
            viewConfig:{forceFit: true},
            title:'<img style="height:auto; width:auto;" src="images/first.gif" /> Ext2.2全新功能版系列之--批量删除',
            bbar:pagingBar
        });
    }
    </script>   
    <script type="text/javascript">
    Ext.onReady(ready);
    </script>
    </div>
    </form>
</body>
</html>




CODE:
create procedure [dbo].[DeleteMoreRow]
(
    @Ids nvarchar(500),
    @Result int=null output
)
as
begin try
while charindex(',',@Ids) <> 0 --循环删除
begin
  delete from TypeTable where ID in (substring(@Ids,1,charindex(',',@Ids)-1) )
  set @Ids = stuff(@Ids,1,charindex(',',@Ids),'')
end
  set @Result = 1 --操作成功返回1
end try
begin catch
set @Result = 2 --出现异常返回2
end catch
happy100583
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
sqlserver中拆分字符串问题
civvy999的专栏
01-17 1999
问题描述:有一个字符串,如"a,b,c,d,e,f,g",如何将该字符串中的a,b,c...分别提取出来执行增删改查呢??熟悉java和.net语言的人应该都知道解决这个问题并不难,在java或.net中都有split()方法,该方法专门用于拆分字符串的,拆分后字符单元放在一个数组中作为返回值,用它便可轻松解决问题.可现在我们是在SqlServer中,SqlServer中是没有split()方法和数组的.怎么办呢??既然有需求,就一定有解决方案.记住:microsoft是一家伟大的公司!只要你想到了,mic
ext2.2打造全新功能grid系列--批量删除篇 .
03-06 1161
批量删除篇主要介绍如何获取批量删除所需要的数据以及将一个实现批量删除的存储过程贴出来供大家讨论.本例子实现了客户端获取以及存储ID数据的方式,在从服务器端返回后也做了假设性的处理.这里不需要再弹出一个窗体来确认批量删除,但是还是需要一个确认的消息框的,如果选择删除才会执行删除的处理语句. 先看看图片吧 通过上面这幅效果图可以看见在分页栏里面已经将批量删除按钮放置进去,在没有选中任何数据的时
EXTJS学习系列提高篇:第二十篇(转载)作者殷良胜,ext2.2打造全新功能grid系列--批量删除篇...
weixin_33895604的博客
10-18 83
批量删除篇主要介绍如何获取批量删除所需要的数据以及将一个实现批量删除的存储过程贴出来供大家讨论.本例子实现了客户端获取以及存储ID数据的方式,在从服务器端返回后也做了假设性的处理.这里不需要再弹出一个窗体来确认批量删除,但是还是需要一个确认的消息框的,如果选择删除才会执行删除的处理语句. 先看看图片吧 通过上面这幅效果图可以看见在分页栏里面已经将批量删...
ext2.2打造全新功能grid系列--批量删除篇（七）
05-30 893
批量删除篇主要介绍如何获取批量删除所需要的数据以及将一个实现批量删除的存储过程贴出来供大家讨论.本例子实现了客户端获取以及存储ID数据的方式,在从服务器端返回后也做了假设性的处理.这里不需要再弹出一个窗体来确认批量删除,但是还是需要一个确认的消息框的,如果选择删除才会执行删除的处理语句.先看看图片吧通过上面这幅效果图可以看见在分页栏里面已经将批量删除按钮放置进去,在没有选中任何数据的时候点批量删除
Ext_2.2_API(chinese).rar_Ext 2.2 API_ext js 2_ext-2.2 api_ext2.2
09-14
"Ext_2.2_API(chinese).rar_Ext 2.2 API_ext js 2_ext-2.2 api_ext2.2"，是针对Ext JS 2.2框架的重要参考资料，对于开发者来说尤其有价值，特别是那些中文为母语的开发者，它使得理解框架的功能和用法更加方便。...
oozie 可视化插件ext-2.2
11-10
1. **工作流设计界面**：通过Ext-2.2，用户可以在Web页面上直观地绘制工作流，包括添加、删除和连接各个操作节点。 2. **节点配置**：对于每个工作流节点，如MapReduce、Hive等，用户可以通过可视化界面设置参数，...
ext-2.2.zip oozie
10-25
《Apache Oozie与ext-2.2.zip的深度解析》 Apache Oozie是Hadoop生态系统中的工作流调度系统，它允许用户管理和调度Hadoop相关的作业，如Hive、Pig、MapReduce以及 Sqoop等。在部署和配置Oozie的过程中，`ext-2.2....
ext - 2.2 .zip
03-07
2. `ext-2.2`：这个文件夹可能包含了EXT库的所有源代码、CSS样式表、JavaScript文件、图像资源以及其他相关文档。开发者可以在这个文件夹内找到用于在Eclipse中实现JS提示的文件，可能包括`ext.js`（核心库）、`ext-...
ext-2.2.zip
07-04
标题“ext-2.2.zip”指的是一个包含EXT JS库的压缩文件，版本为2.2。EXT JS是一个强大的JavaScript库，专为构建富互联网应用程序（Rich Internet Applications, RIA）而设计。它提供了丰富的用户界面组件和强大的...
Python应用爬虫下载QQ音乐歌曲！
最新发布
Python_trys的博客
07-12 959
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970。
HTTP Client
Mr.xing的博客
07-08 602
jdk9开始引入HTTP Client标准化，jdk10开始更新。CompletableFutures提供了非阻塞请求和响应式，java.util.concurrent.Flow API提供流量控制支持，从用户请求发布者和响应订阅者，一直到底层套接字，更容易的跟踪数据流。
fastjson 如何忽略@type类型解析
01世界的博客
07-10 316
但是在自己实现的过程中发现一个问题Java.lang.ClassCastException: class com.alibaba.fastjson.JSONObject cannot be cast to class。FASTJSON支持AutoType功能，这个功能会在序列化的JSON字符串中带上类型信息，在反序列化时，不需要传入类型，实现自动类型识别。这是因为在序列化是 FastJSON会向redis填充@Type类型，反序列化时，无法根据Type类型值转化为对应的类，导致报错。
elk部署springboot
Chihirozy的博客
07-11 249
elk部署springboot。
【HarmonyOS NEXT】鸿蒙JSON解析与生成
wu1004019946的博客
07-09 1117
本模块提供了将JSON文本转换为JSON对应对象或值，以及将对象转换为JSON字符串等功能。
浅谈后置处理器之JSON提取器
测试人，测试魂
07-12 1342
JMeter 的 JSON 提取器（JSON Extractor）是一个强大的后置处理器，它允许用户从HTTP响应、数据库查询或其他类型的响应中提取JSON数据，并将这些数据存储为变量，以便在后续的请求中重用。这对于需要动态处理基于JSON格式API测试的场景尤为有用。以下是对JSON提取器的详细说明和使用教程。
gin源码分析
杆子的博客
07-11 275
对比gin新实现的路由基本上采用了httprouter的逻辑，但是和框架结合的更加完整，比如说把httprouter中router的能力提到了engine中。使用sync.pool解决频繁创建的context对象，在百万并发的场景下能大大提供访问性能和减少GC。测试结果: sonic > go_json > json_iterator > encoding。gin提供了四种可选的json序列化方式，默认情况下会使用encoding/json。通过一个简单的基准测试看看哪种json序列化效率更高。
gpt-4o看图说话-根据图片回答问题
07-09 741
将编码后的字节串解码为 UTF-8 字符串，以便于在文本环境中使用。f"你的任务是根据图片回答问题，{question}详细回答。- image_path：图片的文件路径。question = "中国的人口老龄化究竟有多严重？代码下实现如下：（直接调用openai的chat接口）- 编码后的 Base64 字符串。对图片文件进行 Base64 编码。# 对本地多张图片进行 Base64 编码。# 二进制读取模式打开图片文件，什么叫老龄化社会，有什么标志？# 发送 POST 请求。
vue3+antd+g2plot快速入门
Python私教
07-12 797
选择vue和JavaScript。
java -djava.ext.dirs、 --class-path
04-29
java -djava.ext.dirs和--class-path是两个Java的命令行选项，都用于指定Java虚拟机运行时查找类文件的路径。 Java的类库是由许多Java类文件组成的，这些类文件需要被Java虚拟机加载并执行。当我们编写Java程序时，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值