:: Quotive ASP.NET (4) ::

Detuction ASP.NET (4) Green Apple Studio (Compilation) 01-5-21 09:50:43

WEB control



You may worry, like This control represents a new control that requires you skilled. However, they are not difficult to learn because they have corresponding people in HTML. For example, for a very simple text box, in HTML, you do this:

The corresponding web control is this:

In both, you can notice that the web control is identified by code "ASP:" namespace, and in XML, use the slash to end the element. You don't have to use XML format, you can also use the HTML format, with a semicolon to end the tag: . But you will find that XML format is used in many code examples, and the number of code words is also more concise. The namespace must be used, it is responsible for identifying the text box TextBox control from. All standard Web controls are part of the ASP namespace. This is important when writing your own control.

The TextBox control is like a standard input box, but you should consider the three input controls below:

</p> <p>They are all used for HTML input, but there is no consistency. But if you use the following, is it simpler?</p> <p><ask: textbox runat = "server" ...></p> <p><ask: textbox textboxmode = "password" ...></p> <p><ask: textbox rows = "5" ...></p> <p>You can see that a simple control contains the functions of three controls in HTML, and more easy to memorize, easier to encode.</p> <p>ASP.NET carries 5 Class WEB controls:</p> <p>• Inherent controls corresponding to HTML</p> <p>• Provide a list of data streams on the page</p> <p>• Provides a richest UI (user interface) content and features of the Rich control</p> <p>• Complete confirmation controls for various form validation</p> <p>• Package WML mobile control for WAP device</p> <p>The inherent server control is the same as the HTML control, but it is more reasonable to provide more consistent use. These controls include linkButton, ImageButton, HyperLink, TextBox, Checkbox, Radiobutton, DropdownList (drop-down list), Listbox ( List box), Image (Image), Label, Panel, Table, TableRow, Tablecell (Table Unit).</p> <p>The list control includes a REPER (transponder), a DataList (data list), and a DataGrid (data grid). The list control also includes RadiobuttonList and checkboxlist (list of checkbox) so that the list of creating radio boxes and check boxes is simple. The RICH control includes Calendar and ADROTATOR (rotation). The Calendar control outputs pure HTML for a low browser to output DHTML (such as Internet Explorer 5.0) for advanced browsers. ADROTATOR output image, it has built-in rotation code.</p> <p>Confirmation control includes RequiredFieldValidator (request domain confirmation), Compare Validator, RangeValidator, RegularExpressionValidator, CustomValidator, and Validationsummary (confirmation summary). These controls provide a simple way for developers to establish a confirmation in form processing.</p> <p>Information about mobile controls is now not released, but it can be sure they help construct a Web site that activates WAP.</p> <p></p> <p>Write new controls</p> <p></p> <p>You don't necessarily only only limit the controls provided by these systems, and write controls is quite simple. For example, if you want a control to encapsulate two text boxes (probably the input domain of the name, you can write the code:</p> <p><asp: panel runat = "server"></p> <p><ask: textbox id = "txtfirstname" text = "first name" runat = "server" /></p> <p><asp: textbox id = "txtlastname" text = "last name" runat = "server" /></p> <p></ asp: panel></p> <p>You can save this code in the file name.aspc (note this new extension) and treat it as a web form control. Next, you can add the following to the web form:</p> <p><% @ Register tagname = "namecontrol" tagprefix = "foo" src = "name.aspc"%></p> <p><form></p> <p><foo: NameControl runat = "server" /></p> <p></ form></p> <p>This way you can easily create reuse controls. This is really beautiful ;-) You can also create a control directly in Visual Basic or C #, allowing them to be subclasses for other controls and present the outputs they require. Because the control is identified by namespace, there should be no conflict between the controls. In fact, the control can even use the same name as long as they are in different namespaces. You will feel that this makes the ASP.NET very scalable and makes the programming environment more and more. There is actually a large number of third-party markets that provide rich controls.</p> <p></p> <p>Data bundle control</p> <p></p> <p>One of the new web controls is the data grid DataGrid, which is a built-in support control for displaying a set of data. In order to generate an HTML table from the data generated by SQL, you only need to create an ADO object, and execute instructions to get data as a raster data source, such as Table 4 below: Table 4 DAVESGRID1.ASPX</p> <p><% @ Import namespace = "system.data.sql"%></p> <p><html></p> <p><script language = "vb" runat = "server"></p> <p>SUB Page_Load (Sender As Object, E as Eventargs)</p> <p>DIM MyCommand as Sqlcommand</p> <p>Mycommand = new sqlcommand (select * from products ",</p> <p>Òserver = localhost; database = advworks; uid = sa ")</p> <p>DataGrid1.datasource = MyCommand.execute</p> <p>DataGrid1.DATABIND</p> <p>End Sub</p> <p></ script></p> <p><body></p> <p><Asp: datagrid id = "datagrid1" runat = "server" /></p> <p></ body></p> <p></ html></p> <p>What you need to do is to bundle the data to the data grid, then generate a neat HTML form:</p> <p>Data bundling is not limited to data from the database, you can also bundle the Hash form, array, other server controls, the appropriate level of the page, almost anything. If the default column is not suitable, you can customize it to show the part you are interested in:</p> <p><asp: datagrid id = "datagrid1"</p> <p>AutogenerateColumns = "false" runat = "server"></p> <p><Property Name = "Column"></p> <p><asp: boundcolumn headertext = "name" datafield = "productname" /></p> <p><asp: boundcolumn headertext = "description"</p> <p>Datafield = "ProductDescription" /></p> <p></ Property></p> <p></ ask: DataGrid></p> <p>Use the BoundColumn control to select a simple column and specify the title of the column and where to bundle it. Autogenerate = "false" property is responsible for ensuring that the grid will not create all the columns for you. If you want more complex, you can use a template for this column.</p> <p>The Repeater and DataList controls previously mentioned also support templates so that the appearance of the control is allowed to be customized. Repeater does not actually appear, you have to provide a UI, which means that a template must be used. Instead, the DataList control is a list of bundled data, with a default look and rich behavior. The method of adding a template for these two controls:</p> <p><ask: DATALIST IS = "Datalist1" runat = "server"></p> <p><template name = "HeadeRTemplate"></p> <p>"S Your List of Titles <br></p> <p></ template></p> <p><template name = "itemtemplate"></p> <p><% # DataBinder.eval (Container.DataItem, "Title")%> <br> </ template></p> <p></ ask: DATALIST></p> <p>With this template template, you can specify which HTML controls use each part of the data bundle control. There are five templates named with the DataList control: HeadeRTemplate For the top part of the control, ItemTemplate is used for each item, alternating-item-template is used for other items, and SeparatorTemplate is used for the area between the various items, FOOTERTEMPLATE The bottom of the control.</p> <p>The benefit of this system is that there is a lot of controls for how to display the interface. Further use of a list of products, you can generate the output shown below by using the code in Table 7:</p> <p>Table 7 DAVESGRID2.ASPX</p> <p><ask: DATALIST ID = "MyDataList" repeatcolumns = "2" runat = "server"></p> <p><template name = "itemtemplate"></p> <p><table cellpadding = 10 style = "font: 10pt Verdana"></p> <p><tr></p> <p><td width = 1 bgcolor = "bd8672" /></p> <p><TD VALIGN = "TOP"></p> <p><img align = "top"</p> <p>SRC = "<% # DataBinder.eval (Container.DataItem," ProductImageURL ")%>>>></p> <p></ td></p> <p><TD VALIGN = "TOP"></p> <p><b> Name: </ b></p> <p><% # DataBinder.eval (Container.DataItem, "ProductName")%> <br></p> <p><b> description: </ b></p> <p><% # DataBinder.eval (Container.DataItem, "ProductDescription")%> <br></p> <p><b> price: </ b></p> <p><% # DataBinder.eval (Container.DataItem, "ProductPrice", "$ 0 0}")%></p> <p></ td></p> <p></ TR></p> <p></ TABLE></p> <p></ template></p> <p></ ask: DATALIST></p> <p>This code is quite simple. In addition to the DataList code displayed in front, there is no longer need more things. There is a little noteworthy in the code, that is, you can specify the number of columns, the list will automatically process the packaging of the column. This only needs a point of formatting code, and the web page has been greatly improved, and no longer uses the traditional grid on the previous web page.</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-3289.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="3289" 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 = 'JYigz_2FkzdOiJTTL1oAR9LPpYKYn40sMvhhOecVWFtJvsVGkpQ4_2FFVSHBD7MTLdfIXXqCs0fnERaMnODc'; 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>