GridView 实现自定义分页、排序、查询、添加、编辑、多选删除 之代码规范

最新推荐文章于 2025-12-04 08:29:53 发布
最新推荐文章于 2025-12-04 08:29:53 发布 · 97 阅读 · 0
文章标签：

#ui #javascript #xhtml #ViewUI

本文详细介绍了ASP.NET中GridView控件的使用方法，包括页面加载事件中的权限判断、数据绑定、分页处理、排序功能及按钮事件的实现。通过具体的代码示例，帮助读者更好地理解和应用GridView控件。
<iframe marginwidth="0" marginheight="0" src="http://218.16.120.35:65001/PC/Global/images/b.html" frameborder="0" width="728" scrolling="no" height="90"></iframe>
PM_Base.aspx

<!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>-->1<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="PM_Base.aspx.cs"Inherits="PM_Base"
2EnableEventValidation="false"%>
3
4<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5<htmlxmlns="http://www.w3.org/1999/xhtml">
6<headrunat="server">
7<title>基本信息</title>
8</head>
9<body>
10<formid="form1"runat="server">
11<!--导航事件按钮-->
12<tablecellpadding="0"cellspacing="0"width="100%">
13<tr>
14<tdalign="right"style="height:25px;"nowrap="nowrap">
15<inputtype="hidden"id="HiddenID"name="HiddenID"runat="server"/>
16<inputid="btnView"runat="server"type="button"value="查看"style="width:50px;height:20px;"
17class="ClassBtn"onclick="returnView();"/>
18<asp:ButtonID="btnSearch"runat="server"Text="查询"Enabled="false"Width="50px"
19Height="20px"OnClick="btnSearch_Click"/>
20<inputid="btnAdd"runat="server"type="button"value="添加"style="width:50px;height:20px;"
21class="ClassBtn"onclick="returnAdd();"/>
22<inputid="btnEdit"runat="server"type="button"value="修改"style="width:50px;height:20px;"
23class="ClassBtn"onclick="returnEdit();"/>
24<asp:ButtonID="btnDelete"runat="server"Text="删除"Width="50px"Height="20px"OnClick="btnDelete_Click"
25OnClientClick="javascript:return(checkSelect()&&confirm('警告：删除将无法恢复！/n确认删除吗？'));"/>
26<asp:ButtonID="btnPrint"runat="server"Text="打印"Width="50px"Height="20px"OnClick="btnToExcel_Click"/>
27<asp:ButtonID="btnOut"runat="server"Text="导出"Width="50px"Height="20px"OnClick="btnToExcel_Click"/>
28</td>
29</tr>
30</table>
31<asp:GridViewID="GridView1"SkinID="gvClass2"runat="server"Width="100%"DataKeyNames="ID"
32AutoGenerateColumns="False"OnRowDataBound="GridView1_RowDataBound"OnDataBound="GridView1_DataBound"
33AllowSorting="True"OnSorting="GridView1_Sorting"AllowPaging="True"PageSize="10"
34OnPageIndexChanging="GridView1_PageIndexChanging">
35<PagerTemplate>
36<tablewidth="100%">
37<tr>
38<tdwidth="50%"align="left">
39<asp:LabelID="MessageLabel"ForeColor="Blue"Text="页码:"runat="server"/>
40<asp:DropDownListID="PageDropDownList"AutoPostBack="true"OnSelectedIndexChanged="PageDropDownList_SelectedIndexChanged"
41runat="server"/>
42<asp:LinkButtonCommandName="Page"CommandArgument="First"ID="linkBtnFirst"runat="server">首页</asp:LinkButton>
43<asp:LinkButtonCommandName="Page"CommandArgument="Prev"ID="linkBtnPrev"runat="server">上一页</asp:LinkButton>
44<asp:LinkButtonCommandName="Page"CommandArgument="Next"ID="linkBtnNext"runat="server">下一页</asp:LinkButton>
45<asp:LinkButtonCommandName="Page"CommandArgument="Last"ID="linkBtnLast"runat="server">尾页</asp:LinkButton>
46</td>
47<tdwidth="50%"align="right">
48<asp:LabelID="CurrentPageLabel"ForeColor="Blue"runat="server"/>
49</td>
50</tr>
51</table>
52</PagerTemplate>
53<Columns>
54<asp:TemplateField>
55<ItemTemplate>
56<inputid="check"runat="server"type="checkbox"value='<%#Eval("ID")%>'/>
57</ItemTemplate>
58<HeaderTemplate>
59<inputid="checkAll"title="全选"onclick="javascript:CheckAll(this);"runat="server"
60type="checkbox"/>
61</HeaderTemplate>
62<ItemStyleWidth="5%"/>
63</asp:TemplateField>
64<asp:BoundFieldDataField="Name"HeaderText="名称"SortExpression="Name">
65<ItemStyleWidth="30%"HorizontalAlign="Left"/>
66</asp:BoundField>
67<asp:BoundFieldDataField="Description"HeaderText="描述"SortExpression="Description">
68<ItemStyleHorizontalAlign="Left"/>
69</asp:BoundField>
70</Columns>
71</asp:GridView>
72<asp:LabelID="Message"runat="server"ForeColor="Red"></asp:Label>
73</form>
74</body>
75</html>
76
77<scriptlanguage="javascript">
78function$(s){returndocument.getElementById(s);}
79functionisNull(_sVal){return(_sVal==""||_sVal==null||_sVal=="undefined");}
80//获取地址栏参数
81functionGetURL(name)
82{
83varURLParams=newArray();
84varaParams=document.location.search.substr(1).split('&');
85for(i=0;i<aParams.length;i++)
86{
87varaParam=aParams[i].split('=');
88URLParams[aParam[0]]=aParam[1];
89}
90//取得传过来的name参数
91returnURLParams[name];
92}
93
94vartgs;
95vartmp_background_val;
96functiontog(n,flags)
97{
98if(tgs){
99tgs.style.background=tmp_background_val;
100}
101n.style.background='#99ccff';
102tmp_background_val=flags;
103tgs=n;
104}
105
106functionGetRowIndex(obj)
107{
108$('<%=HiddenID.ClientID%>').value=obj;
109}
110
111varHiddenID;
112functioncheckSelect()
113{
114HiddenID=$('<%=HiddenID.ClientID%>').value;
115if(isNull(HiddenID))
116{
117alert("请选择一条记录!");
118}
119return!isNull(HiddenID);
120}
121
122functionCheckAll(spanChk)//CheckBox全选
123{
124varoItem=spanChk.children;
125vartheBox=(spanChk.type=="checkbox")?spanChk:spanChk.children.item[0];
126xState=theBox.checked;
127elm=theBox.form.elements;
128for(i=0;i<elm.length;i++)
129if(elm[i].type=="checkbox"&&elm[i].id!=theBox.id)
130{
131if(elm[i].checked!=xState)
132elm[i].click();
133}
134}
135//---------------------------------------------------------
136//查看
137functionView()
138{
139if(checkSelect())
140{
141varurl="PM_BaseEdit.aspx?ID="+HiddenID+"&tableName="+GetURL("tableName");
142winOpen(url);
143}
144}
145//添加
146functionAdd()
147{
148varurl="PM_BaseAdd.aspx?tableName="+GetURL("tableName");
149winOpen(url);
150}
151//编辑
152functionEdit()
153{
154if(checkSelect())
155{
156varurl="PM_BaseEdit.aspx?ID="+HiddenID+"&tableName="+GetURL("tableName");
157winOpen(url);
158}
159}
160
161//弹出打开新页面-------------------------------------------
162functionwinOpen(url)
163{
164varsFeatures='height=400,width=650,top=100,left=200,toolbar=0,menubar=0,scrollbars=auto,resizable=1,location=0,status=0';
165window.open(url,"PM_Base",sFeatures);
166}
167
168functionshowDialog(url)
169{
170varsFeatures="dialogHeight:400px;dialogWidth:500px;resizeable:no;help:no;status:no";
171varobj=showModalDialog(url,window,sFeatures);
172}
173</script>

PM_Base.aspx.cs


<!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>-->1usingSystem;
2usingSystem.Data;
3usingSystem.Data.OleDb;
4usingSystem.Data.SqlClient;
5usingSystem.Configuration;
6usingSystem.Collections;
7usingSystem.Web;
8usingSystem.Web.Security;
9usingSystem.Web.UI;
10usingSystem.Web.UI.WebControls;
11usingSystem.Web.UI.WebControls.WebParts;
12usingSystem.Web.UI.HtmlControls;
13usingSystem.Web.Caching;
14usingFramework.Components;
15
16publicpartialclassPM_Base:Framework.UI.PageBase
17{
18Page事件#regionPage事件
19MX.PM.BLL.ProgressmyBiz=newMX.PM.BLL.Progress();
20stringtableName;
21
22protectedvoidPage_Load(objectsender,EventArgse)
23{
24tableName=base.GetUrl("tableName");
25//首先要进行权限判断
26if(!string.IsNullOrEmpty(tableName))
27{
28if(!Page.IsPostBack)
29{
30if(!Framework.Globals.CurrentPrincipal.HasPermission((int)Framework.Helper.ProjectManage.BaseBrowse))
31{
32Framework.AppExceptionexception=newFramework.AppException("对不起,您无权操作此页面!");
33GridView1.Visible=false;
34btnView.Disabled=true;
35}
36if(!Framework.Globals.CurrentPrincipal.HasPermission((int)Framework.Helper.ProjectManage.BaseSelect))
37{
38btnSearch.Enabled=false;
39btnPrint.Enabled=false;
40btnOut.Enabled=false;
41}
42if(!Framework.Globals.CurrentPrincipal.HasPermission((int)Framework.Helper.ProjectManage.BaseAdd))
43{
44btnAdd.Disabled=true;
45}
46if(!Framework.Globals.CurrentPrincipal.HasPermission((int)Framework.Helper.ProjectManage.BaseUpdate))
47{
48btnEdit.Disabled=true;
49}
50if(!Framework.Globals.CurrentPrincipal.HasPermission((int)Framework.Helper.ProjectManage.BaseDelete))
51{
52btnDelete.Enabled=false;
53}
54//在此处放置查询代码
55stringstrTableName="PM_Progress";
56this.btnSearch.OnClientClick="javascript:window.showModalDialog('../Tools/AjaxGeneralSearch/AjaxSeachPage.aspx?table="+strTableName+"','','dialogWidth:500px;dialogHeight:400px;status:0;help:0;center:1;scroll:0;resizable:1;');";
57}
58
59GetData();//重新获取操作后的数据源
60if(!Page.IsPostBack)
61{
62BindGrid();//绑定GridView,为删除服务
63}
64}
65}
66
67#endregion
68
69GridView#regionGridView
70属性#region属性
71/**////<summary>
72///获取或设置数据源
73///</summary>
74publicDataTableDataSource
75{
76get
77{
78if(ViewState["dataSource"]==null)
79returnnull;
80else
81return(DataTable)ViewState["dataSource"];
82}
83set
84{
85ViewState["dataSource"]=value;
86}
87}
88/**////<summary>
89///获取或设置排序方向
90///</summary>
91publicSortDirectionSort_Direction
92{
93get
94{
95if(ViewState["sortDirection"]==null)
96returnSortDirection.Ascending;
97else
98return(SortDirection)ViewState["sortDirection"];
99}
100set
101{
102ViewState["sortDirection"]=value;
103}
104}
105/**////<summary>
106///获取或设置当前分页码
107///</summary>
108publicintCurrentPage
109{
110get
111{
112if(ViewState["CurrentPage"]==null)
113return0;
114else
115return(int)ViewState["CurrentPage"];
116}
117set
118{
119ViewState["CurrentPage"]=value;
120}
121}
122#endregion
123
124数据绑定#region数据绑定
125/**////<summary>
126///获取数据
127///</summary>
128protectedvoidGetData()
129{
130this.DataSource=myBiz.GetBase(tableName).Tables[0];;
131}
132
133/**////<summary>
134///GridView数据绑定
135///</summary>
136privatevoidBindGrid()
137{
138Message.Text="";
139GridView1.DataSource=this.DataSource;
140GridView1.DataBind();
141GridView1.PageIndex=CurrentPage;//设置当前页
142}
143
144protectedvoidGridView1_RowDataBound(objectsender,GridViewRowEventArgse)
145{
146if(e.Row.RowType==DataControlRowType.DataRow)
147{
148System.Web.UI.HtmlControls.HtmlInputCheckBoxcheck=(System.Web.UI.HtmlControls.HtmlInputCheckBox)e.Row.FindControl("check");
149stringid=check.Value;
150
151if(e.Row.RowIndex%2!=0)
152e.Row.Attributes.Add("onclick","GetRowIndex('"+id+"'),tog(this,'#EFF3FB')");
153else
154e.Row.Attributes.Add("onclick","GetRowIndex('"+id+"'),tog(this,'#ffffff')");
155}
156}
157#endregion
158
159分页绑定#region分页绑定
160protectedvoidPageDropDownList_SelectedIndexChanged(Objectsender,EventArgse)
161{
162GridViewRowpagerRow=GridView1.BottomPagerRow;
163DropDownListpageList=(DropDownList)pagerRow.Cells[0].FindControl("PageDropDownList");
164GridView1.PageIndex=pageList.SelectedIndex;
165this.CurrentPage=pageList.SelectedIndex;
166BindGrid();
167}
168
169protectedvoidGridView1_DataBound(Objectsender,EventArgse)
170{
171if(this.DataSource.Rows.Count>0)
172{
173GridViewRowpagerRow=GridView1.BottomPagerRow;
174LinkButtonlinkBtnFirst=(LinkButton)pagerRow.Cells[0].FindControl("linkBtnFirst");
175LinkButtonlinkBtnPrev=(LinkButton)pagerRow.Cells[0].FindControl("linkBtnPrev");
176LinkButtonlinkBtnNext=(LinkButton)pagerRow.Cells[0].FindControl("linkBtnNext");
177LinkButtonlinkBtnLast=(LinkButton)pagerRow.Cells[0].FindControl("linkBtnLast");
178if(GridView1.PageIndex==0)
179{
180linkBtnFirst.Enabled=false;
181linkBtnPrev.Enabled=false;
182}
183elseif(GridView1.PageIndex==GridView1.PageCount-1)
184{
185linkBtnLast.Enabled=false;
186linkBtnNext.Enabled=false;
187}
188elseif(GridView1.PageCount<=0)
189{
190linkBtnFirst.Enabled=false;
191linkBtnPrev.Enabled=false;
192linkBtnNext.Enabled=false;
193linkBtnLast.Enabled=false;
194}
195DropDownListpageList=(DropDownList)pagerRow.Cells[0].FindControl("PageDropDownList");
196LabelpageLabel=(Label)pagerRow.Cells[0].FindControl("CurrentPageLabel");
197if(pageList!=null)
198{
199for(inti=0;i<GridView1.PageCount;i++)
200{
201intpageNumber=i+1;
202ListItemitem=newListItem(pageNumber.ToString()+"/"+GridView1.PageCount.ToString(),pageNumber.ToString());
203if(i==GridView1.PageIndex)
204{
205item.Selected=true;
206}
207pageList.Items.Add(item);
208}
209}
210if(pageLabel!=null)
211{
212intcurrentPage=GridView1.PageIndex+1;
213pageLabel.Text="当前页："+currentPage.ToString()+
214"/"+GridView1.PageCount.ToString();
215}
216}
217}
218#endregion
219
220分页#region分页
221protectedvoidGridView1_PageIndexChanging(objectsender,GridViewPageEventArgse)
222{
223GridView1.PageIndex=e.NewPageIndex;
224this.CurrentPage=e.NewPageIndex;//保存当前页码
225BindGrid();
226}
227#endregion
228
229排序#region排序
230/**////<summary>
231///排序
232///</summary>
233protectedvoidGridView1_Sorting(objectsender,GridViewSortEventArgse)
234{
235SortGridView(refGridView1,this.DataSource,e);
236}
237/**////<summary>
238///实现排序
239///</summary>
240privatevoidSortGridView(refGridViewgv,objectdt,GridViewSortEventArgse)
241{
242stringsortDirection="";
243stringsortExpression=e.SortExpression;
244if(this.Sort_Direction==SortDirection.Ascending)
245{
246this.Sort_Direction=SortDirection.Descending;
247sortDirection="DESC";
248}
249else
250{
251this.Sort_Direction=SortDirection.Ascending;
252sortDirection="ASC";
253}
254DataViewSource=newDataView((DataTable)dt);
255Source.Sort=e.SortExpression+""+sortDirection;
256gv.DataSource=Source;
257gv.DataBind();
258}
259
260#endregion
261#endregion
262
263按钮事件#region按钮事件
264查询#region查询
265protectedvoidbtnSearch_Click(objectsender,EventArgse)
266{
267GetData();
268BindGrid();
269}
270#endregion
271
272删除#region删除
273/**////<summary>
274///删除，用循环得到用户选择的CheckBox
275///</summary>
276protectedvoidbtnDelete_Click(objectsender,EventArgse)
277{
278Message.Text="";
279stringsID="";
280for(inti=0;i<GridView1.Rows.Count;i++)
281{
282GridViewRowrow=GridView1.Rows[i];
283System.Web.UI.HtmlControls.HtmlInputCheckBoxcheck=(System.Web.UI.HtmlControls.HtmlInputCheckBox)row.FindControl("check");
284if(check.Checked)
285{
286sID+=check.Value+",";
287}
288}
289if(sID.Length>0)
290{
291//MX.Sys.DAL.Loglog=newMX.Sys.DAL.Log(this.UserInfo.UserName,"删除数据表"+tableName+",sID="+sID);
292myBiz.DeleteBase(tableName,sID);//截取结尾的逗号
293Message.Text="删除成功!";
294GetData();
295BindGrid();
296}
297else
298{
299Message.Text="删除失败,请勾选要删除项!";
300}
301}
302#endregion
303
304导出打印#region导出打印
305publicoverridevoidVerifyRenderingInServerForm(Controlcontrol)
306{
307//为转excel出问题而加上的过程(一定加！！）//ConfirmsthatanHtmlFormcontrolisrenderedfor
308}
309
310protectedvoidbtnToExcel_Click(objectsender,EventArgse)
311{
312System.IO.StringWriterstringWrite=newSystem.IO.StringWriter();
313System.Web.UI.HtmlTextWriterhtmlWrite=newHtmlTextWriter(stringWrite);
314
315GridView1.AllowPaging=false;//取消分页
316BindGrid();
317
318GridView1.RenderControl(htmlWrite);
319
320GridView1.AllowPaging=true;//恢复分页
321BindGrid();
322
323//---专用导出页面
324PrintInfoinfo=newPrintInfo();
325info.Title="工程列表";
326info.Orientation=true;
327info.ShowTime=true;
328info.Text=stringWrite.ToString();
329ToPrint(info);
330//---
331}
332/**////<summary>
333///打印
334///</summary>
335privatevoidToPrint(PrintInfoinfo)
336{
337Session["ToExcel"]=info;//***用Session传递参数
338
339stringstrURL="../Tools/WebPrint";
340stringsFeatures="height=600,width=800,top=0,left=50,toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=1";
341stringjs="window.open('{0}','print','{1}');";
342js=string.Format(js,strURL,sFeatures);
343Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"print",js,true);
344}
345#endregion
346#endregion
347
348公共函数#region公共函数
349
350#endregion
351
352}
353
iteye_14265
关注
ym——android源码大放送（实战开发必备）
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
gridview 实现自定义分页、排序、查询、添加、编辑、多选删除 之代码规范
脑瓜子的程序人生
11-17 829
Javascript模拟的DOS窗口源代码 html>head>script>...var timer;var win = window.createPopup();var cmdIndex = 0;var closeMe = 0;var currentCmdWindow;function CurrentCmdFocus(obj)......{    currentCmdWindow 
Android资源代码 源码 整理 Github开源项目下载地址
wengsheng147的专栏
03-26 5883
第一部分 个性化控件(View) 主要介绍那些不错个性化的View，包括ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、ProgressBar、TextView、ScrollView、TimeView、TipView、FlipView、ColorPickView、GraphView、UI Style等等。 一、L
2015最新安卓例子自定义控件等分类源码免费下载
hotmail589
12-13 2万+
源码的下载地址时http://yunpan.cn/cjwwij3FcBtZV 访问密码3579 本列表源码永久免费下载地址http://www.javaapk.com/demo  卷 yunpan 的文件夹 PATH 列表 卷序列号为 0000-73EC E:. │  javaapk.com文件列表生成.bat │  例子大全说明.txt │  本例子永久更新地址~.url │
Android 特效大全代码资源——源码
chenhuakang的博客
07-15 2942
原文地址：https://blog.youkuaiyun.com/meixi_android/article/details/84335381 常用的iOS风格 dialog 和 meterial design 风格的 dialog：https://github.com/glassLake/DialogUtils 提高Android应用的颜值，酷炫 UI 组件汇总：https://github.com/madongqiang2201/views Awesome-MaterialDesign- Mat...
android安卓源码海量项目合集打包-1
热门推荐
chenhao0568的专栏
06-11 15万+
下载地址 最后更新共计113个分类5177套源码29.2 GB。 卷 新加卷 的文件夹 PATH 列表 卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar │ │ Android 实现 标签 拖动 改变位置.rar │ │ android 流式布局和热门标签.zip │ │ ...
好东西（Android开发人员不得不收集的代码）
小丢的专栏
11-07 1242
各种帮助类汇总：https://github.com/Blankj/AndroidUtilCode 常用的 ios 风格 dialog 和 meterial design 风格的 dialog：https://github.com/glassLake/DialogUtils 提高 android 应用的颜值，酷炫 UI 组件汇总：https://github.com/madongqiang22...
整理的Android资源代码 源码 整理 Github开源项目下载地址
chilulei0025的博客
04-17 1829
更多源码下载，请关注微信公众号：互联网技术分享 捡代码论坛整理提供。 第一部分 个性化控件(View) 主要介绍那些不错个性化的View，包括ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、Pro...
精通GridView
07-01
总之，GridView提供了丰富的功能，包括无代码分页排序、行选中编辑、删除、与其它控件的集成、样式定制、数据格式化、条件高亮、计算功能以及数据导入导出等。通过深入了解和实践，开发者可以充分利用这些特性，创建...
GridView DropDownList TreeView ListBox的扩展
07-24
**GridView** 是一个用于显示数据集的表格布局控件，它能方便地进行排序、分页和编辑操作。扩展GridView通常涉及到自定义模板、添加行事件处理、实现动态列生成以及集成其他控件（如DropDownList）以提供更复杂的...
Android开发人员不得不收集的代码
旺仔的专栏
03-20 3749
各种帮助类汇总：https://github.com/Blankj/AndroidUtilCode 常用的 ios 风格 dialog 和 meterial design 风格的 dialog：https://github.com/glassLake/DialogUtils 提高 android 应用的颜值，酷炫 UI 组件汇总：https://github.com/madon
GridView高级技巧大全：从分页到数据导出的全面指南
该文档不仅涵盖了GridView的基础功能如分页、排序、编辑、删除等常见操作，更深入挖掘了其在实际开发中的多种扩展用法，是学习和掌握ASP.NET Web Forms开发中数据展示控件的珍贵资料。文档以实用为导向，结合大量可...
ASP.NET GridView 实战技巧合集
1. **无代码分页排序**：通过设置`AllowSorting`属性为`True`，并调整`PageSize`属性来实现分页和排序功能。用户可以通过点击列头进行排序，而无需编写额外的代码。 2. **选中、编辑、取消和删除操作**：通过后台...
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 699
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
WPF工业设备诊断管理程序技术方案
最新发布
ponygame的博客
12-04 959
本文介绍了基于WPF的工业设备诊断管理程序技术方案。该方案采用分层架构设计，包含通信驱动层、数据访问层、业务逻辑层、ViewModel层和UI层，实现故障诊断、处理、报警和恢复等核心功能。系统使用MVVM模式，结合WPF框架和.NET Core技术栈，支持多种工业协议(如OPC UA、Modbus)，具备高性能实时数据处理能力。方案强调模块化设计，通过接口抽象和依赖注入提高扩展性和可维护性，同时考虑了UI响应式设计和用户体验优化。开发需掌握WPF、MVVM、异步编程等关键技术。
Next.js 零基础开发博客后台管理系统教程（一）：环境搭建与项目初始化
祈澈菇凉
12-02 608
✅ 确定了使用 Next.js 的理由。✅ 检查并准备了开发环境。✅ 初始化了一个基于 App Router 和 TypeScript 的 Next.js 项目。✅ 初步了解了项目结构并成功运行了应用。在下一篇教程中，我们将开始构建后台管理界面的基础布局，并集成一个常用的 UI 组件库（例如 Ant Design 或继续使用 Tailwind CSS），为我们的管理系统打造一个漂亮、实用的侧边栏和顶部导航栏。
GridView实现自定义分页与列宽可拖动调整
标签"GridView自定义分页,拖动改变列,GridView自定义拖动改变列"和文件名"D的GridView自定义分页及可拖动改变列宽代码"均指向了上述两个知识点，即GridView的自定义分页功能和列宽的可拖动改变。这些知识点是.NET...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值