Coolite Forums / Coolite Toolkit / Help

Load ComboBox

usantos — Sat, 13 Mar 2010 08:29:44 GMT

[code]
     List<PerfilEntity> objPerfis = new List<PerfilEntity>();
     objPerfis = perfilBusiness.ListPerfil();
     storeUsuario.DataSource = objPerfis;
     ddlPerfil.DisplayField = "Nome";
     ddlPerfil.ValueField = "Id";
     storeUsuario.DataBind();
[/code]

I have a ComboBox and I want to load the items starting at a generic list.

I have an object store with 2 fields. ID and Name.

My method returns the list with the data I need, but I want to load the ComboBox with them, as I do?

[]s ;)

Very strange problem...

Puia — Sat, 13 Mar 2010 08:09:54 GMT

Hi all,

I am having a strange problem with my site. I have two aspx with the same window. In one of then all working good, in another i cannot get the selecteditem.value of the combobox (cmbclientesplano and cmbforum).

Looking for the post data i discover that:

This works (look that the _Value and _SelIndex of combos are posted):

[code]cmbAreasTarefaSelecione a Área...cmbAreasTarefa_SelIndexcmbAreasTarefa_ValuecmbClientesPlanoBradescocmbClientesPlano_SelIndex4cmbClientesPlano_Value5cmbCoordenadorSelecione o Coordenador...cmbCoordenador_SelIndexcmbCoordenador_ValuecmbCriticidadeSelecione a Criticidade...cmbCriticidade_SelIndexcmbCriticidade_ValuecmbForumPesquisa de SatisfaçãocmbForum_SelIndex1cmbForum_Value2cmbLinhaTarefaSelecione a Linha do Produto...[/code]

This not:

[code]cmbAreasTarefaSelecione a Área...cmbAreasTarefa_SelIndexcmbAreasTarefa_ValuecmbClientesPlanoSelecione o Cliente...cmbClientesPlano_SelIndexcmbClientesPlano_ValuecmbCoordenadorSelecione o Coordenador...cmbCoordenador_SelIndexcmbCoordenador_ValuecmbCriticidadeSelecione a Criticidade...cmbCriticidade_SelIndexcmbCriticidade_ValuecmbForumSelecione o Assunto...cmbForum_SelIndexcmbForum_ValuecmbLinhaTarefaSelecione a Linha do Produto...[/code]

I am attach the pages (planos.aspx working and pesquisas.aspx not working) for who wanna try to help me.

Tks a lot.

Cannot read DateField on postback

daneel — Fri, 12 Mar 2010 12:32:51 GMT

I'm posting back a formpanel and in the submit button's server-side handler I'm reading the fields, one of which is a DateField declared in the markup as:
[code] <ext:DateField runat="server" ID="DOB" DataIndex="DateOfBirth" FieldLabel="DOB"
LabelSeparator="" ReadOnly="true" >
<CustomConfig><ext:ConfigItem Name="format" Mode="Value" Value="d-M-Y" /></CustomConfig>
</ext:DateField>
[/code]

In the server-side handler, DOB.SelectedDate and DOB.Value both return an empty date rather than the date selected.
How do I read the selected date in server side code?

Upload in the Web User Control isn't work

flaviodamaia — Fri, 12 Mar 2010 12:06:12 GMT

Hi,

I've a ext:Window and I added in the window a ext:FileUploadField, when I click in the button to upload the archive, the ext:FileUploadField set null. I did a test with WebForm and is worked. I would like know why the ext:FileUploadField isnt working with Web User Control?

Example Attached.

Thanks attention!

Coolite is compatible with all internet navigator

miguelp120 — Fri, 12 Mar 2010 09:23:01 GMT

Hi

One questions ¿Coolite TollKit is Compatible with all Internet Nevigator like IE, Safari, Monzila, ect..?

Thanks and regards.

Accordion Active/Selected Panel

ljcorreia — Fri, 12 Mar 2010 08:50:14 GMT

Hi there,

Can anyone please point me out how to get the Accordion [client-side] ?

I mean, in the following sample, how can I get the selected or active panel in the accordion?
Imagine I have a TreePanel within more one accordion tab, I wish to get the current treeview without of course hardcode the treeview id.

To start, I don't know not even how to get the accordion on the client-side.
Will not work:
Ext.getCmp('AccordionLayout1')

Can you help, please?
Leo

[code]
<%@ Page Language="C#" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Accordion Layout in Markup - Coolite Toolkit Examples</title>
</head>
<body>
<ext:ScriptManager runat="server" />

<h1>Accordion Layout in Markup</h1>

<ext:Window
ID="Window1"
runat="server"
Title="Accordion"
Width="250"
Height="400"
Maximizable="true"
BodyBorder="false"
Icon="ApplicationTileVertical">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="Button1" runat="server" Icon="Connect">
<ToolTips>
<ext:ToolTip runat="server" Title="Rich ToolTips" Html="Let your users know what they can do!" />
</ToolTips>
</ext:Button>
<ext:Button ID="Button2" runat="server" Icon="UserAdd" />
<ext:Button ID="Button3" runat="server" Icon="UserDelete" />
</Items>
</ext:Toolbar>
</TopBar>
<Body>
<ext:Accordion ID="AccordionLayout1" runat="server" >
<ext:TreePanel ID="TreePanel1" runat="server" Title="Online Users" RootVisible="true" AutoScroll="true" >
<Tools>
<ext:Tool Type="Refresh" Handler="Ext.Msg.alert('Message','Refresh Tool Clicked!');" />
</Tools>
<Root>
<ext:TreeNode Text="Root">
<Nodes>
<ext:TreeNode Text="Friends" Expanded="true">
<Nodes>
<ext:TreeNode Text="Jack" Icon="User">
<Nodes>
<ext:TreeNode Text="Jack" Icon="User">
<Nodes>
<ext:TreeNode Text="Node11111111111111111" Icon="User" />
<ext:TreeNode Text="Node22222222222222222" Icon="User" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Node11111111111111111" Icon="User" />
<ext:TreeNode Text="Node22222222222222222" Icon="User" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Brian" Icon="User" />
<ext:TreeNode Text="Jon" Icon="User" />
<ext:TreeNode Text="Tim" Icon="User" />
<ext:TreeNode Text="Nige" Icon="User" />
<ext:TreeNode Text="Fred" Icon="User" />
<ext:TreeNode Text="Bob" Icon="User" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Family" Expanded="true">
<Nodes>
<ext:TreeNode Text="Kelly" Icon="UserFemale" />
<ext:TreeNode Text="Sara" Icon="UserFemale" />
<ext:TreeNode Text="Zack" Icon="UserGreen" />
<ext:TreeNode Text="John" Icon="UserGreen" />
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Root>
<Plugins>
<ext:GridFilters runat="server" ID="GridFilters1" Local="true">
<Filters>
<ext:StringFilter DataIndex="Company" />
</Filters>
</ext:GridFilters>
</Plugins>
</ext:TreePanel>
<ext:Panel ID="Panel2" runat="server" Title="Settings" />
<ext:Panel ID="Panel3" runat="server" Title="Even More Stuff" />
<ext:Panel ID="Panel4" runat="server" Title="My Stuff" />
</ext:Accordion>
</Body>

</ext:Window>
<ext:Button runat="server" Text="Submit">
<Listeners>
<Click Handler="Ext.getCmp('AccordionLayout1');" />
</Listeners>
</ext:Button>
</body>
</html>
[/code]

Postbacks and validation with toolbar buttons

daneel — Fri, 12 Mar 2010 10:20:42 GMT

I need to do a page postback on pressing a toolbar button, but having set Autopostback and CausesValidation to true, and set the button as a submit button, I find that the form isn't validated and just posts back. What's the best approach for doing validated postbacks with Coolite controls?

The only way I can see of achievng the desired behaviour it is to handle the button's client-click, and in the click handler, check the form panel's isValid() and then call doPostback() (or whatever it's called) to submit the form.

Is there a better approach?

FieldLabel Textfield without semicolumn

GijsZePa — Fri, 12 Mar 2010 05:49:00 GMT

Probably simple, but can't find how. If using the FieldLabel Property..it seems to render an semicolumn after the text. Is there a way to avoid that behaviour.

BTW: just started with your framework last week. My company is looking for a substitute for the Janus Framework (Cross browser hell) and asked me to test your suite. It's looks incredible ..and I will report positive to them...

Martin

Help: Dynamically create checkboxes on window load

Cr@iG — Wed, 10 Mar 2010 01:40:08 GMT

Hi,

I use an ajax even to call a subroutine that loads a window, i'm trying to remove the existing check boxes from a check box group and dynamically add new check boxes from a database but am having no luck

Any advice would be appreciated:

Markup:
[Code]

<ext:Tab ID="RolesTab" runat="server" Title="Roles (Permissions)" Icon="UserKey" BodyStyle="padding:5px;">
<Body>
<ext:FormLayout ID="RolesFormLayout" runat="server" LabelWidth="125">
<ext:Anchor Horizontal="99%">
<ext:CheckboxGroup ID="RolesCBGroup" runat="server" ColumnsNumber="2" FieldLabel="Roles:" ItemCls="x-check-group-alt">
<Items>
<ext:Checkbox ID="test" FieldLabel="TestField" runat="server"></ext:Checkbox>
</Items>
</ext:CheckboxGroup>
</ext:Anchor>
</ext:FormLayout>
</Body>
</ext:Tab>

[/code]

VB Code behind:

[code]

Public Sub PopulateAllRoles(ByVal user_name As String)

'Define Roles Array
Dim roles As String() = System.Web.Security.Roles.GetAllRoles()

'Define ITEM
Dim Item As Coolite.Ext.Web.Checkbox

'Define Role ID Counter For Checkbox
Dim RoleCBID As Integer = 0

'Clear, Clean Up and Remove Existing Checkboxes (Possibly from previous use of the window)
For Each component As Coolite.Ext.Web.Component In RolesCBGroup.Items
RolesCBGroup.Controls.Remove(component)
RolesCBGroup.LazyItems.Remove(component)
Next

'Loop to add All Roles
For Each role As String In roles

'Redifine as NEW Item
Item = New Coolite.Ext.Web.Checkbox

'Define ID
Item.ID = "role" & RoleCBID
'Define Field Label
Item.FieldLabel = role
'Set Visibility Of Control
Item.Visible = "True"
Item.Hidden = "False"

'Define Current Value
Item.Value = System.Web.Security.Roles.IsUserInRole(user_name, role)
'Add CheckBox To Group
RolesCBGroup.Controls.Add(Item)

'Add 1 To CheckBox ID
RoleCBID = (RoleCBID + 1)
Next

End Sub

[/code]

How to set the Grid column width as automatically

Dinesh.T — Fri, 12 Mar 2010 05:30:15 GMT

Hi, All

I need how to set Gridcolumn width as automatically..(Ex: i have grid column name as Sub Group Name Of The Employee then how the width is set as automatic)

Plz Help me as soon as possible..

Thanka In Advance...

How To Redirect UserControl

Dinesh.T — Fri, 12 Mar 2010 05:24:18 GMT

Hi All,

How to redirect the user control.i have problem on redirect user control.the user control will not accepting the redirect.
So plz Solve my problem....

get session[somevalue]

thiefo — Thu, 11 Mar 2010 04:09:37 GMT

hi,
how get session[somevalue] in Ext
sample:

[code]
<Click Handler="if(Session[somevalue]){#{Pages}.getActiveTab().reload();}else{SHY.redirect();};" />
[/code]

Take value of active tab from code behind

thiefo — Fri, 12 Mar 2010 00:16:03 GMT

[code]
<ext:ToolbarButton ID="ToolbarButton4" runat="server" Text="getIdOfTab" Icon="ArrowRefresh">

<Listeners>
<Click Handler="Ext.Msg.alert('info',#{Pages}.getActiveTab().id);" />

</Listeners>
</ext:ToolbarButton>

[/code]

This code takes me value of active tabs its working but

[code]
<ext:ToolbarButton ID="ToolbarButton4" runat="server" Text="getIdOfTab" Icon="ArrowRefresh">

<Listeners>
<Click Handler="SHY.refresh()" />
</Listeners>
</ext:ToolbarButton>
[/code]
[code]
[AjaxMethod]
public void refresh()
{
Ext.Msg.Alert("info",Pages.ActiveTab.ID).Show();

}
[/code]

I want to same thing with This code but it takes every time first tab's value id how can I solved this problem

How to Expand the collapsed panel from java script

ajaybabu.maddinani — Thu, 11 Mar 2010 02:41:00 GMT

Hi I have a problem in expanding the error panel when error occurs ion button click.so please help me in expanding panel using java script Urgent please help

[code]
<ext:Window ID="WinBankBranchEditandAdd" runat="server" Showonload="false" Width="465"
Resizable="False" AutoHeight="true" Border="true" BodyBorder="true">
<Body>
<ext:TabPanel ID="TabPanel1" runat="server" Width="450" Height="250" EnableTabScroll="true"
DeferredRender="false">
<Tabs>
<ext:Tab ID="Tab1" runat="server" Title="Branch Details" Height="150">
<Body>
<table cellspacing="10" cellpadding="3" align="left">
<tr>
<td align="right">
<ext:Label ID="lblWinBankBranchEditandAddBranchName" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:TextField ID="txtWinBankBranchEditandAddBranchName" runat="server" Width="165"
AllowBlank="false" BlankText="Branch Name is required." MsgTarget="Side">
</ext:TextField>
</td>
<td align="left">
<ext:Button ID="btnWinEditBranchVerify" runat="server" Icon="ApplicationFormMagnify"
Flat="true">
<ToolTips>
<ext:ToolTip ID="ToolTip3" Title="Verify" runat="server">
</ext:ToolTip>
</ToolTips>
<AjaxEvents>
<Click OnEvent="fnVerify_click">
</Click>
</AjaxEvents>
</ext:Button>
<%-- <AjaxEvents>
<Click OnEvent="textChanged"></Click>
</AjaxEvents>--%>
</td>
</tr>
<tr>
<td align="right">
<ext:Label ID="lblWinBankBranchEditandAddLocation" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:TextField ID="txtWinBankBranchEditandAddLocation" runat="server" Width="165"
AllowBlank="false" BlankText="Location is required." MsgTarget="Side">
</ext:TextField>
</td>
<td align="left">
<ext:Button ID="btnVerifyLocation" runat="server" Icon="ApplicationFormMagnify" Flat="true">
<ToolTips>
<ext:ToolTip ID="ToolTip4" Title="Verify" runat="server">
</ext:ToolTip>
</ToolTips>
<AjaxEvents>
<Click OnEvent="fnVerify_click">
</Click>
</AjaxEvents>
</ext:Button>
<%-- <AjaxEvents>
<Click OnEvent="textChanged"></Click>
</AjaxEvents>--%>
</td>
</tr>
<tr>
<td align="right">
<ext:Label ID="lblWinBankBranchEditandAddParentBranch" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:TextField ID="txtWinBankBranchEditandAddParentBranch" runat="server" Width="165"
AllowBlank="false" BlankText="Parent Branch is required." MsgTarget="Side">
</ext:TextField>
</td>
</tr>
<tr>
<td align="right">
<ext:Label ID="lblWinBankBranchEditandAddBranchCategory" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:ComboBox ID="cmbWinBankBranchEditandAddBranchCat" ReadOnly="true" runat="server"
StoreID="storeCategory" DisplayField="Name" ValueField="ID" AllowBlank="false"
BlankText="Branch Category is required." MsgTarget="Side">
<Items>
</Items>
</ext:ComboBox>
</td>
</tr>
<tr>
<td align="right">
<ext:Label ID="lblWinBankBranchEditandAddEntitleBranch" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:ComboBox ID="CmbWinBankBranchEditandAddEntitleBranch" ReadOnly="true" runat="server"
AllowBlank="false" StoreID="storeEntitlementBranch" DisplayField="Name" ValueField="ID"
BlankText="Entitlement Branch is required." MsgTarget="Side">
</ext:ComboBox>
</td>
</tr>
<tr>
<td align="right">
<ext:Label ID="lblWinBankBranchEditandAddDescritpion" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:TextArea ID="taWinBankBranchEditandAddDescription" runat="server" Width="165"
Height="40" AllowBlank="false" BlankText="Branch Description is required." MsgTarget="Side">
</ext:TextArea>
</td>
</tr>
</table>
</Body>
</ext:Tab>
<ext:Tab ID="Tab2" runat="server" Title="Branch Authorization Details">
<Body>
<table cellspacing="10" cellpadding="3" align="left">
<tr>
<td align="right">
<ext:Label ID="lblwinEditAddBranchAuthReq" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:RadioGroup ID="RadioGroupBranchAuthReq" runat="server" Vertical="false" Width="70">
<Items>
<ext:Radio ID="radioWinEditAddBranchAuthReqRadioYes" runat="server">
</ext:Radio>
<ext:Radio ID="radioWinEditAddBranchAuthReqRadioNo" runat="server">
</ext:Radio>
</Items>
</ext:RadioGroup>
</td>
</tr>
<tr>
<td align="right">
<ext:Label ID="lblwinEditAddBranchHOAuthReq" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:RadioGroup ID="RadioGroupHOAuthReq" runat="server" Vertical="false" Width="70">
<Items>
<ext:Radio ID="radiowinEditAddBranchHOAuthReqYes" runat="server">
</ext:Radio>
<ext:Radio ID="radiowinEditAddBranchHOAuthReqNo" runat="server">
</ext:Radio>
</Items>
</ext:RadioGroup>
</td>
</tr>
<tr>
<td align="right">
<ext:Label ID="lblwinEditAddBranchLimitRequired" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:RadioGroup ID="RadioGroupBranchLimitReq" runat="server" Vertical="false" Width="70">
<Items>
<ext:Radio ID="radiowinEditAddBranchLimitRequiredYes" runat="server">
</ext:Radio>
<ext:Radio ID="radiowinEditAddBranchLimitRequiredNo" runat="server">
</ext:Radio>
</Items>
</ext:RadioGroup>
</td>
</tr>
<tr>
<td align="right">
<ext:Label ID="lblwinEditAddBranchLimit" runat="server">
</ext:Label>
</td>
<td>
<ext:TextField ID="txtwinEditAddBranchLimit" runat="server" Width="165">
</ext:TextField>
</td>
</tr>
</table>
</Body>
</ext:Tab>
<ext:Tab ID="Tab3" runat="server" Title="Contact Details">
<Body>
<table cellspacing="10" cellpadding="3" align="left">
<tr>
<td align="right">
<ext:Label ID="lblwinEditAddBranchContactPerson" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:TextField ID="txtwinEditAddBranchContactPerson" runat="server" Width="140" AllowBlank="false"
BlankText="Contact Person is required." MsgTarget="Side">
</ext:TextField>
</td>
<td align="right">
<ext:Label ID="lblwinEditAddBranchEmailID" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:TextField ID="txtwinEditAddBranchEmailID" runat="server" Width="140" AllowBlank="false"
BlankText="EmailID is required." MsgTarget="Side">
</ext:TextField>
</td>
</tr>
<tr>
<td align="right">
<ext:Label ID="lblPhone" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:TextField ID="txtwinEditAddBranchPhone" runat="server" Width="140" AllowBlank="false"
BlankText="Phone Number is required." MsgTarget="Side">
</ext:TextField>
</td>
<td align="right">
<ext:Label ID="lblwinEditAddBranchAddress1" runat="server">
</ext:Label>
<span style="color: red">*</span>
</td>
<td>
<ext:TextField ID="txtwinEditAddBranchAddress1" runat="server" Width="140" AllowBlank="false"
BlankText="Address1 is required." MsgTarget="Side">
</ext:TextField>
</td>
</tr>
<tr>
<td align="right">
<ext:Label ID="lblwinEditAddBranchAddress2" runat="server">
</ext:Label>
</td>
<td>
<ext:TextField ID="txtwinEditAddBranchAddress2" runat="server" Width="140">
</ext:TextField>
</td>
<td align="right">
<ext:Label ID="lblwinEditAddBranchAddress3" runat="server">
</ext:Label>
</td>
<td>
<ext:TextField ID="txtwinEditAddBranchAddress3" runat="server" Width="140">
</ext:TextField>
</td>
</tr>
<tr>
<td align="right">
<ext:Label ID="lblwinEditAddBranchAddress4" runat="server">
</ext:Label>
</td>
<td>
<ext:TextField ID="txtwinEditAddBranchAddress4" runat="server" Width="140">
</ext:TextField>
</td>
<td align="right">
<ext:Label ID="lblwinEditAddBranchAddress5" runat="server">
</ext:Label>
</td>
<td>
<ext:TextField ID="txtwinEditAddBranchAddress5" runat="server" Width="140">
</ext:TextField>
</td>
</tr>
<tr>
<td align="right">

<ext:Label ID="lblwinEditAddBranchBranchTags" runat="server">
</ext:Label>
</td>
<td>
<ext:TextField ID="txtwinEditAddBranchBranchTags" runat="server" Width="140">
</ext:TextField>
</td>
</tr>
</table>
</Body>
</ext:Tab>
</Tabs>
</ext:TabPanel>
<ext:Panel ID="PanelError" runat="server" Title="Errors" Height="100" FormGroup="true"
AutoWidth="true" BodyStyle="padding:10px;" Collapsible="true" Collapsed="true" Shadow="Drop">
<Body>
<span style="color: red">
<%--<ext:MultiSelect ID="ErrorsText" runat="server" AutoHeight="true" AutoWidth="true">

</ext:MultiSelect>--%>
</textarea>
<ext:TextArea ID="ErrorsText" runat="server" Height="75" Width="450" ReadOnly="true"
StyleSpec="color: red" Style="background: #003300">
</ext:TextArea>
</span>
</Body>
</ext:Panel>
<table border="0">
<tr>
<td width="95%" align="right">
<ext:Button ID="btnWinBankBranchEditandAddSave" runat="server" OnClientClick="return fnClientSideValidate();">
<AjaxEvents>
<Click OnEvent="btnSave_Click">
</Click>
</AjaxEvents>
</ext:Button>
</td>
<td align="right" width="5%">
<ext:Button ID="btnWinBankBranchEditandAddCancel" runat="server">
<AjaxEvents>
<Click OnEvent="btnCancel_Click">
</Click>
</AjaxEvents>
</ext:Button>
</td>
</tr>
</table>
</Body>
</ext:Window>
[/code]

Dynamic Tree Panel with PageLoader

Duncan — Thu, 11 Mar 2010 19:42:45 GMT

I require a Dynamic Tree Panel to be created as a menu for users.
The menu will be used to add tabs to a Tab Panel (Like the examples explorer)

I can create the Tree Panel in the aspx page with the following code.
[code]
<ext:TreePanel ID="TreePanel12" runat="server" Title="Dashboard" AutoHeight="true" Border="false">
<Loader>
<ext:PageTreeLoader OnNodeLoad="nodeLoadCode" />
</Loader>
<Root>
<ext:AsyncTreeNode NodeID="0" Text="Root" />
</Root>
</ext:TreePanel>
[/code]

And the following code in the aspx.vb file
[code]
Sub nodeLoadCode(ByVal sender As Object, ByVal e As Ext.Web.NodeLoadEventArgs)
Dim nodeID As String = Context.Request("node")
If Not e.NodeID = "" Then
For i = 1 To 5
Dim stdNode As New Ext.Web.TreeNode
stdNode.Text = i
stdNode.NodeID = i
stdNode.Leaf = True
stdNode.Listeners.Click.Handler = "addTab(#{TabPanel2}, 'dunc', 'Hello', 'http://www.google.com');"
e.Nodes.Add(stdNode)
Next
End If
End Sub
[/code]

However, if I try and create the dynamically in the I cannot find the PageLoader.onNodeLoad property
[code]
..
Dim PageTreeLoader As New Ext.Web.PageTreeLoader()
PageTreeLoader.onNodeLoad = "nodeLoadCode" <--- The onLoadNode property does not exist
and therefore the program will not compile

Dim tree As New Ext.Web.TreePanel()
With tree
.Title = reader("mod_Name").ToString
.Icon = reader("mod_Icon") '495 'Ext.Web.Icon.Group
.AutoHeight = True
.ID = ModName
.Loader.Add(PageTreeLoader)
End With
..
[/code]
Can someone please help me add the onLoadFunction to the PageTreeLoader in this code.

I have also tried using the Web Service & Ajax TreeLoader, but it is my understanding that I cannot get a Ajax type method to create a new control (Tab Control) & therefore require to use the Page Loader.

Any help would be greatly appreciated.
Thankyou.

How to use LoginView with coolite

jidaneri — Thu, 11 Mar 2010 05:00:05 GMT

I understand that coolite does not work with LoginView, is true?

thanks.

add icon to a Tab

vali1993 — Tue, 09 Feb 2010 06:23:47 GMT

i am trying to add icon to a tab when it is generated. I don't get any error message when running the code below. But the icon is not generated.

Thanks so much for your help.

[code]

function addHomeTab(tabPanel, id, url,icon) {

var tab = tabPanel.getComponent(id);

if (!tab) {

tab = tabPanel.add({

id: id,

title: id,

closable: false,

iconCls: icon,

autoLoad: {

showMask: true,

url: url,

mode: 'iframe',

maskMsg: 'Loading ' + url + '...'

}

});

tabPanel.setActiveTab(tab);

}

//calling addtab

<ext:MenuItem ID="TextMenuItem2" runat="server" Text="Member1">

</Listeners>

</ext:MenuItem>

[/code]

Get Text MessageBox

Maia — Wed, 10 Mar 2010 14:02:00 GMT

Hi,
I have a MessageBox with multiline. I need, when User CLICK YES, get the text of the MessageBox in the Code-Behind?
Is it possibile?
[code]
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Threading"%>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

protected void Button3_Click(object sender, AjaxEventArgs e)
{
Ext.Msg.Show(new MessageBox.Config
{
Title = "Address",
Message = "Please enter your address:",
Width = 300,
Buttons = MessageBox.Button.OKCANCEL,
Fn = new JFunction { Fn = "showResultText" },
Multiline = true,
AnimEl = this.Button3.ClientID,

});
}

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>MessageBox - Coolite Toolkit Examples</title>

<ext:ScriptContainer runat="server" />

<script type="text/javascript">

var showResultText = function(btn, text) {
alert('Botão ' + btn + ' Texto ' + text);
};
</script>

</head>
<body>
<ext:ScriptManager ID="ScriptManager1" runat="server" />

<h1>MessageBox Dialogs</h1>

<h2>3. Multi-line Prompt</h2>

<span>A multi-line prompt dialog.</span>
<ext:Button ID="Button3" runat="server" Text="Show">
<AjaxEvents>
<Click OnEvent="Button3_Click" />
</AjaxEvents>
</ext:Button>

</body>
</html>
[/code]
Maia
Coolite 0.8.2

Ext is not defined...

flaviodamaia — Thu, 11 Mar 2010 06:05:02 GMT

Hi,

I'm developing a project and when i was compile the project in VS8 the firebug showed this message:

[code]
Ext is not defined...
[/code]

And this morning everything was working!
I would like know what i do?

Thanks attention!

Spell check?

vali1993 — Thu, 11 Mar 2010 08:47:42 GMT

Does any have experience implementing spell check in rich text editor? or has some knowledge on how to accomplish that?
Thank you..

take value of return function

thiefo — Thu, 11 Mar 2010 01:49:22 GMT

hi,

[code]

[AjaxMethod]
public string box()
{
return "sample";

}
[/code]

[code]
ext:ToolbarButton ID="ToolbarButton2" runat="server" Text="Refresh" Icon="ArrowRefresh">
<Listeners>
<Click Handler="Ext.Msg.alert('info', #{AjaxMethods}.box());" />

</Listeners>
</ext:ToolbarButton>

[/code]

When I Click the button I want to see value of function in this example alertt will be displayed "sample" but doesn t work, pls anyone help about this...

FileUploadField can't upload ????

metallica87 — Sat, 06 Mar 2010 03:02:19 GMT

[code]ext:Window ID="Window1" runat="server" BodyStyle="padding:5px;"

Collapsible="true" Height="400px" Icon="Information" Modal="True"

Title="Thm Qung Co" Width="400px">

<body>

<ext:FormLayout ID="FormLayout1" runat="server">

<ext:Anchor Horizontal="100%">

<ext:TextField ID="txtTenQuangCao"

runat="server"

FieldLabel="Tn Qung Co"

AllowBlank="false"

BlankText="Khng c trng !">

</ext:TextField>

</ext:Anchor>

<ext:Anchor Horizontal="100%">

<ext:FileUploadField ID="fiu" runat="server"

AllowBlank="false"

FieldLabel="File Flash(.swf)"

Text="(194x280)"

Icon="Attach" />

</ext:Anchor>

<ext:Anchor Horizontal="100%">

<ext:Checkbox ID="chkHienThi"

FieldLabel="Hin Th"

BoxLabel="C"

runat="server" />

</ext:Anchor>

</Anchors>

</ext:FormLayout>

</body>

<ext:Button ID="cmdThemQuangCao" Icon="Add" runat="server">

<Click OnEvent="cmdThemQuangCao_Click"

Before="Ext.Msg.wait('Ti tp tin Flash ca bn ln Server...', 'Trng Thi');"

Failure="Ext.Msg.show({

title : 'Thng Bo Li',

msg : 'Xy ra li trong qu trnh ti tp tin ln Server !',

minWidth: 200,

modal : true,

icon : Ext.Msg.ERROR,

buttons : Ext.Msg.OK

});">

</Click>

</AjaxEvents></ext:Button></Buttons></ext:Window>[/code]

[code]protected void cmdThemQuangCao_Click(object sender, AjaxEventArgs e)

{

if (fiu.HasFile)

{

fiu.PostedFile.SaveAs("~/Contents/Resource/ADS/" + fiu.FileName);// Error

IT_AD ad = new IT_AD();

ad.ID = Guid.NewGuid();

ad.ADName = txtTenQuangCao.Text;

ad.URL = fiu.PostedFile.FileName;

ad.IsShow = chkHienThi.Checked;

NguyenLongITDataContext db = new NguyenLongITDataContext();

db.IT_ADS_Insert(ad.ID, ad.ADName, ad.URL, ad.IsShow);

Ext.Msg.Alert("Thong Bao", "Them Thanh Cong").Show();

}

}[/code]

I can't solve it. Thank you for your help.

Window and Validators in UpdatePanel

mhaberman — Wed, 10 Mar 2010 18:25:56 GMT

V .8.2

I have a Windows nested within an update panel and use CooliteScriptManager.AddUpdatePanelToRefresh() to update the window. I have a couple questions.

1. When the callback occurs, it appears that javascript destroys and recreates the current window. Can't it just do a check to see if the component already exists?

2. Lets say i am toggling the visbility of a validator. It seems as though the destroy and recreate of the window corrupts the event handlers that remove the validator from Page_Validators. If i toggle visibility on a validator in a callback, the Page_Validators does not update and the page will attempt to perform validation on controls that no longer exist. Question/Suggestion #1 may solve the problem.

Does V1 have better support for these type of scenarios?

Thanks,

Matt

Call method in the MessageBox.Confirm

flaviodamaia — Wed, 10 Mar 2010 06:35:45 GMT

Hi,

I've a MessageBox.Confirm and I need to call the method Save(object sender, AjaxEventArgs) when the user click in the button "Yes" confirming.

I would like know can I do it?

My source .ascx:

[code]

<ext:TriggerField ID="txtPddDesconto" runat="server" FieldLabel="Valor do Desconto"
Text="0,00" EnableKeyEvents="true" MaxLength="18" BlankText="Campo Valor do Desconto é obrigatório!">
<Listeners>
<KeyUp Fn="FormatarValorText" />
</Listeners>
<Triggers>
<ext:FieldTrigger IconCls="icon-Calculadora" HideTrigger="false" />
</Triggers>
<ToolTips>
<ext:ToolTip ID="ToolTipCalcularDesconto" runat="server" Html="Calcular Desconto">
</ext:ToolTip>
</ToolTips>
<Listeners>
<TriggerClick Handler="#{AjaxMethods}.ConfirmRequest();" />
</Listeners>
</ext:TriggerField>

[/code]

My Source .cs, method to confirm the requisition:

[code]
[AjaxMethod]
public void ConfirmRequest(){

Ext.Msg.Confirm("Alerta!", "Valor Liquido do Pedido: R$ " + this.txtPddValorLiquido.Text + " Deseja confirmar o pedido?", new MessageBox.ButtonsConfig
{
Yes = new MessageBox.ButtonConfig
{
Handler = "...", //I need to call the method SaveClose here!
Text = "Yes"
},
No = new MessageBox.ButtonConfig
{
Text = "No"
}
}).Show();
}

[/code]

Method SaveClose:

[code]

protect void SaveClose(object sender, AjaxEventArgs e){...}

[/code]

Thanks attentions!

filling CheckboxGroup in ajax event

msayed — Wed, 10 Mar 2010 03:17:23 GMT

Hello Every One

i have a problem i want to fill a CheckboxGroup in ajaxevent after selecting some thing in combobox but it dose not work

[code]
<ext:ComboBox DisplayField="JobTitle" ValueField="Job_ID" ID="cmbJobs" FieldLabel="jobtitle" runat="server" StoreID="ddlJobs">

[/code]

and there the ajaxevent code
[code]
protected void cmbJobs_Select(object sender, AjaxEventArgs e)
{
DataTable dtJobSpecifications = new Data.DataAccess().GetData(new SqlCommand("select * from JobSpecifications where JobTitleID=" + cmbJobs.SelectedItem.Value + "", new SqlConnection(new DataAccess().ConnectionString)));

foreach (DataRow dr in dtJobSpecifications.Rows)
{
dsad.Items.Add(new Checkbox(false, dr[1].ToString()));
}
dsad.DataBind();
[/code]

so any ideas please to fill with another way or some thing :)
Regards
Mohamed SAyed

Coolite Client Library Reference

niceguymattx — Wed, 10 Mar 2010 01:38:24 GMT

Hi again, sorry to post another question!

Is there a reference anywhere of the coolite controls client side (javascript) api?

Thanks again

Matt

Updating GridPanel Store in AjaxEvent

niceguymattx — Tue, 09 Mar 2010 06:24:38 GMT

Hi all, I'm relatively new to coolite but am really enjoying it at the minute!

What I'm trying to do is us a couple of gridpanels, and a treepanel on a page, using web services as the store objects proxy. This is all working fine, and behaving as I want!

My next plan was to use an ajaxevent on the treeview click event, to fire a server side method (this is working fine too)!!

In the method I wanted to reconfigure the gridpanels stores proxy settings (to point to a different service / change the service parameters), and then reload the gridpanels. This way the page is responsive, even if one of the gridpanels takes some time to return.

The problem is that although I have updated the stores proxy, when I fire the reload method, the gridpanel still uses the original proxy.

Is this something I can do something about, or am I approaching my problem wrong? I've put my server side method code below:

[code]

protected void TestMethod(object sender, AjaxEventArgs e)

{

var x = e.ExtraParams[0];

HttpProxy prx = new HttpProxy();

prx.Url = string.Format("WatchlistService.asmx/GetAllWatchListItemsByEquipmentId?equipmentId={0}", x);

Store1.Proxy.Clear();

Store1.Proxy.Add(prx);

GridPanel1.Reload();

}

[/code]

Matt

how to redirect user control

Dinesh.T — Tue, 09 Mar 2010 22:04:26 GMT

Hi All,

How to redirect the user control.i have problem on redirect user control.the user control will not accepting the redirect.
So plz Solve my problem....

grdpanel does not shows the binding data

Dinesh.T — Tue, 09 Mar 2010 21:42:10 GMT

Hi all,

In .cs file the data will bind to gridpanel but comming to UI those binding data will not visible.why it will happen and give me the solution.

Thanks in Advance..

With regard to the date of the type stroe

guoweidong — Tue, 09 Mar 2010 17:37:17 GMT

[code]<ext:RecordField Name="CAddDate" Type="Date" DateFormat="Y-m-d"/>[/code]

Why is Date type formatted invalid, binding Datagrid must use the following methods?
[code]
<Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d')" />[/code]

If you hide the components bound to the date on bad formatted string in!

From China-The translation from Google

toggle event of groupingsummary

fotis — Tue, 09 Mar 2010 11:34:06 GMT

Hi, I am trying to catch the collapse/show event of groupingsummary column in a GridPanel. While this is possible with Rowexpander for single rows, it does not work with groupingsummary. The goal is to hide/unhide the groupsummary row when showing/collapsing the details row.

Any help will be greatly appreciated.

Thanks,
Fotis

关于 tabpanel iframe 页面之前如何操作！

guoweidong — Tue, 09 Mar 2010 06:03:55 GMT

大家好！关于 tabpanel iframe

例：a.aspx
[code]
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />

Display window outside center page of the View Port

Hari — Tue, 09 Mar 2010 05:31:51 GMT

In my application i have viewport containing north, west and center. I open dynamic pages in the center. These center page opens a window . I find that the window is constrain within the center page. i want to move window to the enter screen

Changing event mask Msg dynamically

okutbay — Tue, 09 Mar 2010 04:23:28 GMT

is it possible to change message of the even mask by dynamically in code behind.

For example in examples http://examples.coolite.com/?/Layout/FormLayout/Login/ there is a event mask for the button.
When you click it shows "Verifying..." text

I try to set it with

[code]
If Ext.IsAjaxRequest Then
btnLogin.AjaxEvents.Click.EventMask.Msg = "message"
End If
[/code]

This does not work?

Is there any idea?

Thanks in advance.

about Treenode.Appendchild's icon

helpme — Tue, 09 Mar 2010 03:57:20 GMT

[code]
treenode.appendchild({id:'e1',text:'e1',icon:})
[/code]
How to use coolite the icon

Load second MultiSelect when select item in First MultiSelect

khuc6 — Tue, 09 Mar 2010 03:28:10 GMT

Hi
I have generic UserGroup List and inside that property for generic Users List.

I want to bind them to 2 Multi selects, first one UserGroup and second one Users.

Once I select UserGroup in the First MuliSelect I want to Load Users of that UserGroup in to second MultiSelect.

Please update me how to do it

GridPanel Autorefresh data every 10 seconds? how do i achieve this?

kurt_jackson19 — Mon, 08 Mar 2010 20:02:04 GMT

hi folks,

Good Day!

I am a new user on coolite framework using VS2005. I have a problem on Gridpanel , I want autorefresh data on gridpanel every 10 seconds, is this possible? How do i achieve this?

Thank you so much.

Regards,
kurt

Unable to access value of disabled control inside a user control

rasu_13 — Mon, 08 Mar 2010 20:46:24 GMT

Hi all,

i cant able to access the control values which are in disabled mode which is placed inside a user control (ascx) page.

Can any one help to resolve this ?

Changing Group Title in GridPanel on the fly

locoperoguapo — Mon, 08 Mar 2010 08:24:09 GMT

Does anyone know how to change the GroupTextTpl of the GroupingView of a Gridpanel from codebehind. For instance if a user presses a button, to change that grouping text. (Ajax event style). I would appreciate any help. Thanks!

TextArea wordwarp bug

JonG — Tue, 22 Sep 2009 05:12:07 GMT

I believe I have found an unwanted feature with the TextArea control.

I was finding that my TextArea controls were not word wrapping, which I can see from other posts is not a new topic, however, I am trying to validate my data entry by using the MaxLength property if the control. I have found that if the MaxLength property is set, then the wordwrap does not work.

Is there a way around this as I want both features?

The code below is a very simple example. I am using v0.81

[code]

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TestJDG.aspx.vb" Inherits="TestJDG" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[/code]

Thanks,