JQuery UI is a javascript script developed by jQuery, which implements some easy-to-use page elements, such as buttons and date boxes.
JQueryElement is a jQuery UI control used in. NET.
JQueryElement contains Accordion, Autocomplete, Button, Datepicker, Dialog, Progressbar, Slider, Tabs controls, and their parent class JQueryElement. Besides the plug-in, JQueryElement also contains the drag in jQuery UI, scaling and other functions.
The following code and examples are provided to illustrate in detail.
Button Control example.
<Je: Button ID = "cmdSaveHistory" runat = "server" Label = "save history"> <ClickAsync Url = "button. ashx "Success =" function () {detail (#lblmessage0000.html (History saved to Session. CSS (color, # 0000ff); [% id: uploadhistory %]. button (enable) ;}"> <Parameters> <je: ParameterEdit Name = "c" Type = "Expression" Value = "sh"/> <je: parameterEdit Name = "el" Type = "Expression" Value = "getHistory ()"/> </Parameters> </ClickAsync> </je: Button>
The property of the control is consistent with that of the jQuery UI. The Label of the button is the text of the button. in addition, you can use ClickAsync in the button to set the clicked Ajax operation. The Url indicates the Url of the Ajax call, and Parameters is passed to the button. the value of ashx. examples of calculators written using buttons:
Progress bar control example.
<Je: Progressbar ID = "bar" runat = "server" Value = "0" IsVariable = "true" Width = "300px"> <CompleteAsync Success = "function (data) {certificate (#lblmessage0000.html (data. result);} "Url =" progressbar. ashx "> </CompleteAsync> </je: Progressbar> seconds: <input id = "txtSecond" type = "text" value = "10" class = "ui-widget"/> & nbsp; <je: button ID = "cmd" runat = "server" Label = "timer start" Click = "start" IsVariable = "True"> </je: Button>
Similar to the Button, the Progressbar attribute is consistent with the progressbar of jQuery UI. isVariable indicates whether to generate a javascript variable consistent with the control ClientID to control the progress bar in the client javascript script. because the ID attribute of the control is different from that of ClientID, you can use the embedded syntax to obtain the ClientID of the control. For example:
<Je: JQueryScript ID = "script" runat = "server"> <Html> <script type = "text/javascript">... eval ([% id: bar %]). progressbar (option, value, 100-(second * 100)/totalSecond ));... </script> </Html> </je: JQueryScript> statement [% id: bar %] indicates the ClientID with the Server Control ID attribute as bar. The timer example written for the progress bar is as follows: