<ext:GridPanel Title="My Grid of Items" ID="myGrid" runat="server" StoreID="itemStore" > <ColumnModel> <Columns> <ext:Column Header="Id" DataIndex="ItemId"/> <ext:Column Header="Name" DataIndex="ItemName"> </ext:Column> </Columns> </ColumnModel> <SelectionModel> <ext:RowSelectionModel runat="server" SingleSelect="true"> <Listeners> <RowSelect Handler=
"#{modifyItemButton}.enable();
#{deleteItemButton}.enable();" /> <RowDeselect Handler=
"if (!#{myGrid}.hasSelection())
{
#{modifyItemButton}.disable();
#{deleteItemButton}.disable();
}" /> <Show Handler=
"if (!#{myGrid}.hasSelection())
{
#{modifyItemButton}.disable();
#{deleteItemButton}.disable();
}" /> <SelectionChange Handler=
"if (!#{myGrid}.hasSelection())
{
#{modifyItemButton}.disable();
#{deleteItemButton}.disable();
}" /> </Listeners> </ext:RowSelectionModel> </SelectionModel> <Buttons> <ext:Button Text="Refresh" runat="server" ID="refreshGridButton"> <Listeners> <Click Fn="refreshGridButton_Click" /> </Listeners> </ext:Button> <ext:Button Text="New" runat="server" ID="createItemButton"> <Listeners> <Click Fn="createItemButton_Click" /> </Listeners> </ext:Button> <ext:Button Text="Delete" runat="server" ID="deleteItemButton" Disabled="true"> <Listeners> <Click Fn="deleteItemButton_Click" /> </Listeners> </ext:Button> <ext:Button Text="Modify" runat="server" ID="modifyItemButton" Disabled="true"> <Listeners> <Click Fn="modifyItemButton_Click" /> </Listeners> </ext:Button> </Buttons> </ext:GridPanel>
function getMyGrid() { return <%=myGrid.ClientID%>; }which causes the ASP.net rendering engine to emit the relevant reference. This, rather than using "document.getElementById" works for Coolite created ExtJs components as they're javascript objects that render markup, rather than markup elements with associated javascript. Or at least, that's how it appears from my perspective (Your viewpoint may vary).
function getMyGrid() { return eval('<%=myGrid.ClientID%>'); }What I want
var myGrid = Coolite.getComponent('myGrid');Without having to worry about the fact that 'myGrid' is stuck in several ASP.net naming containers and is thus actually called ctl00_mainArea_subArea_ctl02_myGrid, or something equally obscure.
if (myGrid.hasSelection())
{
// Do something here
}
<form>
<anchor>
<combo />
</anchor>
<anchor>
<label />
<grid>
<columnModel />
<buttons>
<button1 />
<button2 />
<buttons>
<grid>
</anchor>
</form>
</tab>
Discovered at: http://cgaskell.wordpress.com/2006/11/22/failed-to-access-iis-metabase/
I needed a VType for validating a time using the extJs framework in the format HH:MM (24 hour clock, no ‘AM’ or ‘PM’) and couldn’t find one that quite fit the bill, so a tweaked version is:
Ext.form.VTypes[“timeVal”] = /^([0-9]|1[0-9]|2[0-3]):([0-5][0-9])$/i;Related Linkage:
Ext.form.VTypes[“timeMask”] = /[\d\s:amp]/i;
Ext.form.VTypes[“timeText”] = ‘Not a valid time. Must be in the format hh:mm”.’;
Ext.form.VTypes[“time”] = function(v)
{
return Ext.form.VTypes[“timeVal”].test(v);
}
...most times when we do a security audit of an application, the first thing we find is cleartext passwords in the user table in the database. :)]]>