Add Checkbox to DataGrid and achieve radio listome [original]

zhaozj2021-02-16  52

The first time, not written. Directly to show the original file to everyone !! The principle is to use JS over all Checkbox to set all the Checkbox unchecked, and then set the clicked checkbox to select the following below. ! ASPX file <% @ Page language = "c #" Codebehind = "WebForm1.aspx.cs" AutoEventWireup = "false" Inherits = "DataGridCheck.WebForm1"%> Webform1 </ title> <meta content =" Microsoft Visual Studio .NET 7.1 "Name =" Generator "> <meta content =" c # "name =" code_language "> <meta content = "JavaScript" name = "vs_defaultClientScript"> <meta content = "http://schemas.microsoft.com/intellisense/ie5" name = "vs_targetSchema"> <SCRIPT language = "JavaScript"> function SetCheckBoxState () {VAR DOM = Document.all; var = event.srcelement; if (el.tagname == "infut" && el.type.tolowercase () == "checkbox") {for (i = 0; i <dom.length i ) {if (DOM [i] .tagname == "Input" && Dom [i] .type.tolowercase () == "checkbox") {dom [i] .checked = false;}}} el.checked = ! El.checked;} </ script> </ head> <body ms_positioning = "gridLayout"> <form id = "form1" method = "post" runat = "server"> <font face = "Song"> <ask: DataGrid ID = "DG" style = "z-index: 101; Left: 168px; position: Absolute; Top: 40px "Runat =" server "width =" 440px "autogeneratecolumns =" ​​false "> <columns> <</p> <p>asp: TemplateColumn> <ItemTemplate> <asp: CheckBox id = "chkExport" runat = "server"> </ asp: CheckBox> </ ItemTemplate> </ asp: TemplateColumn> <asp: BoundColumn DataField = "IntegerValue"> </ asp: BoundColumn> <asp: BoundColumn DataField = "StringValue"> </ asp: BoundColumn> <asp: BoundColumn DataField = "currencyValue"> </ asp: BoundColumn> </ Columns> </ asp: datagrid> <asp: button ID = "button =" z-index: 102; left: 168px; position: absolute; top: 8px "runat =" server "text =" display content "> </ asp: button> </ font> </ form> </ body> </ HTML> the following documents are CS using System; using System.Collections; using System.ComponentModel; using System.Data; using System.Drawing; using System.Web; using System.Web.SessionState; using System.Web.ui; use system.web.ui.webcontrols; using system.web.ui.htmlcontrols; Namespace DataGridCheck {/// <summary> /// WebForm1 summary description.</p> <p>/// </ summary> public class WebForm1: System.Web.UI.Page {protected System.Web.UI.WebControls.Button Button1; protected System.Web.UI.WebControls.DataGrid dg; private void Page_Load (object sender, System.eventargs e) {// Place the user code here to initialize the page if (! Page.ispostback) {dg.datasource = createDataSource (); DG.DATABIND ();}} iCollection createDataSource ()} iCollection createDataSource ()}} iCollection created () DataBe (); DTAROW DR; DT.COLUMNS.ADD (New Datacolumn ("IntegerValue", TypeOf (INT32))); DT.Columns.Add (New Datacolumn ("StringValue", TypeOf (String)); Dt.columns .Add ("currencyvalue", Typeof (Double))); for (int i = 0; i <9; i ) {DR = DT.NEWROW (); DR [0] = i; dr [1] = "Item" i.tostring (); DR [2] = 1.23 * (i 1); Dt.Rows.Add (DR);} DataView DV = New DataView (DT); Return DV;} #Region Web The code generated by the Form Designer Override Protected Void OnNit (Eventargs E) {// // Codegen: This call is required for the ASP.NET Web Form Designer. // InitializeComponent (); base.onit (e);} /// <summary> /// Designer Supports the required method - Do not use the code editor to modify the // / this method.</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-17891.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>) </div><div></div></div></div><ul class="postlist list-unstyled"> </ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="17891" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved </div><div class="col text-right">Processed: <b>0.037</b>, SQL: <b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script> var debug = DEBUG = 0; var url_rewrite_on = 1; var url_path = './'; var forumarr = {"1":"Tech"}; var fid = 1; var uid = 0; var gid = 0; xn.options.water_image_url = 'view/img/water-small.png'; </script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script> var forum_url = 'list-1.html'; var safe_token = 'AOJ90WzqEfFWfhVMu35z_2FXyPjFJODTITaXv1LrXXcMBU0SdgxGWD2fHfBdDPT437B7z0WNz3dEHB7wqC4HdVdw_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) * jimg.width(); jimg.height(height); } } }); }); } function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-1"]').addClass('active'); </script>