Frog Frog Recommended: All check boxes in DataGrid
We often choose a set of data in DataGrid, then operate, if you want to do all, if you need a full-elected function, if you use this all-in-one server-side event to let the DataGrid check box all select box, Will go back to the server again, we can write a JS function to simplify this step.
In fact, DataGrid generates an HTML table in the client, the ID attribute of the table is the ID of the DataGrid. This ID can be obtained with the clientID, and your all-in-button can also add an onclick property in the background encoding to let him perform you. JS code, for example, you declare a DataGrid1 DataGrid, then put a check box in a template column, then declare a checkbox1 outside to select the check box inside DataGrid1, the syntax is as follows.
Checkbox1.attributes.add ("Onclick", "" "" " DG1.CLIENTID ");
Below is I have made a presentation with HTML code.
</ title></p>
<p><meta name = "generator" Content = "Editplus"></p>
<p><meta name = "author" content = "Frog Frog Prince"></p>
<p><meta name = "keywords" content = ">></p>
<p><script language = "javascript"></p>
<p><! -</p>
<p>Function CHK (CHK, ID) {</p>
<p>VAR OEVENT = Document.All (ID);</p>
<p>Var chks = OEvent.GETELEMENTSBYTAGNAME ("Input");</p>
<p>For (VAR i = 0; i <chks.length; i )</p>
<p>{</p>
<p>IF (chks [i] .type == "checkbox")</p>
<p>Chks [i] .checked = chk.checked;</p>
<p>}</p>
<p>}</p>
<p>// -></p>
<p></ script></p>
<p></ hEAD></p>
<p><body></p>
<p><Input ID = "Checkbox1" Type = "Checkbox" Name = "CheckBox1" οnclick = "= (this, 'datagrid1')" Language = "JavaScript" /></p>
<p><Table ID = "DataGrid1"></p>
<p><Tr></p>
<p><TD> <input type = "checkbox" name = "chK1"> </ td></p>
<p><TD> <input type = "checkbox" name = "chK2"> </ td></p>
<p><TD> <input type = "checkbox" name = "chK3"> </ td></p>
<p></ TR></p>
<p><Tr></p>
<p><TD> <input type = "checkbox" name = "chK4"> </ td></p>
<p><TD> <input type = "checkbox" name = "chK5"> </ td> <td> <input type = "checkbox" name = "chK6"> </ td></p>
<p></ TR></p>
<p><Tr></p>
<p><TD> <input type = "checkbox" name = "chK7"> </ td></p>
<p><TD> <input type = "checkbox" name = "chK8"> </ td></p>
<p><TD> <input type = "checkbox" name = "chK9"> </ td></p>
<p></ TR></p>
<p></ TABLE></p>
<p></ body></p>
<p></ html></p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-40377.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="40377" 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.054</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 = 'eNv_2B10mIZueEtGmIBL0gZsCXA1G9_2BLZ6xAZD0O4mQKa4tSSQTtAfG16Q0cNv5jBMNIxA24M3bondEGA3jouBOg_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>
