Exjt.Controls Module
LiveUI provides ASP.NET controls wrapping ExtJs components. Theese controls are
used for configuration, lifecycle and behaviour management.
As Extjs control wrapper is placed on aspx page it can be configured using aspx
markup, like this
<ext:FieldSet
ID="fieldSet"
runat="server"
>
<FieldSetConfig
AutoHeight="true"
HideBorders="true"
Border="false"
BodyBorder="false"
>
<Items>
...
</Items>
</FieldSetConfig>
</ext:FieldSet>
And LiveUI generates JavaScript like this
fieldSet = new
FieldSet({
autoHeight : true,
hideBorders : true,
border : false,
bodyBorder: false,
items:[ ...]
})
All components provide apartunity to call Component methods or listen events
using C# friendly syntax. For example,
fieldSet.GetJsInstance().SetVisible(Js.Const( false))
This call would be translated to
fieldSet.setVisible(false)
Component configuration can be rather complex, for example there can be
references to other components to html elements. LiveUI makes sure all
javaScript objects are created in right order and automatically creates
variables when necessary.
|