Questions on UI for ASP.NET AJAX Forum

3 answers

228 views

I'm creating a login user control for our sitefinity. it is designed to use jQuery/Webservice. I've built the client side with the following:

<input type="text" id="UserNameText" />

<br />

<input type="password" id="PasswordText" />

<br />

<input type="button" id="Login" value="Login" onclick="DoLogin();" />

<script type="text/javascript" language="javascript">

function DoLogin()

{

var un = document.getElementById('UserNameText').value;

var pw = document.getElementById('PasswordText').value;

var info = "{ 'UserName':'" + un + "', 'Password':'" + pw + "'}";

$.ajax(

{

type: "POST",

url: "http://localhost:60876/Sitefinity/Services/Login/Login.asmx/LoginSpecial",

dataType: 'json',

data: info,

contentType: "application/json; charset=utf-8",

success: function (msg) { alert(msg.d); },

error: function (msg) { alert(msg.responseText); }

});

}

</script>

The above works ok, the service is called(as expected). However I don't know how to get the json data out of the POST message(data : info). With Get, I can read the parameters off the url query string. I can parse the json ok, I just don't know how to get it from the POST. I have the following code for the webservice.

[ScriptMethod(ResponseFormat = ResponseFormat.Json)]

[WebMethod]

public string LoginSpecial()

{

string success = String.Empty;

/* read json here from jQuery POST

NameValueCollection collection = request.Params; 

    HttpRequest request = HttpContext.Current.Request;

string json = HttpContext.Current.Request["info"] != null ? HttpContext.Current.Request["info"].ToString() : String.Empty;

*/

// test json string, need to read from the jquery post

string json = "{ 'UserName':'test', 'Password':'test'}";

// the following two lines of code work ok with the test json string above.

JavaScriptSerializer serial = new JavaScriptSerializer();

Credentials credential = (Credentials)serial.Deserialize(json, typeof(Credentials));

return "Some json message here";

}

I hope I got this in the right forum section.

General Discussions

answered on 17 Jan 2011

1 answer

140 views

AllowKeyBoardNavigation Bug??

I have found while working with the RadGrid that when AllowKeyBoardNavigation is set to true all keyboard navigation events are being captured whether focus is in the grid or not. Not sure if I am going crazy or not, or if there is some other solution.
Here is a simple example that I have duplicated in IE and chrome.

Place a RadTextBox and RadGrid on a form setting the client setting AllowKeyBoardNavigation="True". Also in my testing I am using a masterpage.

<asp:Content ID="Content1" ContentPlaceHolderID="cphBody" runat="Server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<telerik:RadTextBox ID="RadTextBox1" runat="server">

</telerik:RadTextBox>

<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None"

onneeddatasource="RadGrid1_NeedDataSource">

<ClientSettings AllowKeyboardNavigation="True">

</ClientSettings>

<MasterTableView>

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</asp:Content>

When you open the page and the grid is filled put focus and type something in the textbox and attempt to use the back and forward buttons on your keyboard. In my testing focus leaves the textbox and is placed immediately on the grid when one of these keys is pressed. Is this by design or a bug?

Grid

answered on 17 Jan 2011

4 answers

199 views

Batch update in VB

I'm trying to use the code below to perform a batch update in a RadGrid but I'm getting the error below. I was able to get this to work fine in C# but now I need to get it to work in VB.net

Protected Sub gvGrossPayroll_ItemCommand(ByVal sender As Object, ByVal e As GridCommandEventArgs)

If e.CommandName = "UpdateAll" Then

For Each editedItem As GridEditableItem In gv_grosspayroll.EditItems

Dim newValues As New Hashtable()

e.Item.OwnerTableView.ExtractValuesFromItem(newValues, editedItem)

Update_PayrollRecord(editedItem.GetDataKeyValue("ID"), Convert.ToDecimal(newValues("PayrollAmount")))

Next

End If

gv_grosspayroll.Rebind()

End Sub

Error:

Selection out of range
Parameter name: value

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentOutOfRangeException: Selection out of range
Parameter name: value

Grid

answered on 17 Jan 2011

2 answers

604 views

Insert row in RadGrid with Edit Form - how to put the edit form at the bottom of the grid?

Hello everyone!

I've been trying out inserting and editing with the RadGrid's edit form ("in" the Grid), and I'm very pleased with the results so far. Here's a sample of what I've achieved:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div style="width: 500px;">

<telerik:RadGrid ID="RadGrid1" runat="server" OnInsertCommand="RadGrid1_InsertCommand"

OnNeedDataSource="RadGrid1_NeedDataSource" OnUpdateCommand="RadGrid1_UpdateCommand"

OnItemCommand="RadGrid1_ItemCommand">

<MasterTableView AutoGenerateColumns="false" CommandItemDisplay="Bottom">

<Columns>

<telerik:GridBoundColumn UniqueName="Number" DataField="Number" HeaderText="Number">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Title" DataField="Title" HeaderText="Title">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Description" DataField="Description" HeaderText="Description">

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn">

</telerik:GridEditCommandColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table>

<tr>

<td class="textb">

Number

</td>

<td>

<telerik:RadNumericTextBox ID="RadNumericTextBoxNumber" runat="server" Text='<%# Bind("Number") %>'

NumberFormat-DecimalDigits="0" DataType="System.Int32">

</telerik:RadNumericTextBox>

</td>

</tr>

<tr>

<td class="textb">

Title

</td>

<td>

<telerik:RadTextBox ID="RadTextBoxTitle" runat="server" MaxLength="1024" Text='<%# Bind("Title") %>'>

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td class="textb">

Description

</td>

<td>

<telerik:RadTextBox ID="RadTextBoxDescription" runat="server" MaxLength="1024" TextMode="MultiLine"

Text='<%# Bind("Description") %>'>

</telerik:RadTextBox>

</td>

</tr>

</table>

<br />

<asp:Button CommandName="Cancel" ID="Button1" runat="server" Text="Cancel"></asp:Button>

<asp:Button ID="Button2" Text="OK" runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' />

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</div>

And the code-behind:

protected RegistrationLine DefaultRegistrationLine()

{

RegistrationLine dr = new RegistrationLine();

dr = new RegistrationLine();

dr.Number = 0;

dr.Title = "";

dr.Description = "";

return dr;

}

protected class RegistrationLine

{

public int Number { get; set; }

public string Title { get; set; }

public string Description { get; set; }

}

protected void Page_Load(object sender, EventArgs e)

{

if (!this.IsPostBack)

{

tempListRegistrationLines = RadGridBindStartUpData();

}

protected static List<RegistrationLine> tempListRegistrationLines;

private List<RegistrationLine> RadGridBindStartUpData()

{

List<RegistrationLine> list = new List<RegistrationLine>();

RegistrationLine rl;

rl = new RegistrationLine();

rl.Number = 1;

rl.Title = "A";

rl.Description = "aaa";

list.Add(rl);

rl = new RegistrationLine();

rl.Number = 2;

rl.Title = "B";

rl.Description = "bbb";

list.Add(rl);

rl = new RegistrationLine();

rl.Number = 3;

rl.Title = "C";

rl.Description = "ccc";

list.Add(rl);

return list;

}

protected void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

RadGrid1.DataSource = tempListRegistrationLines;

}

protected void RadGrid1_InsertCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

List<RegistrationLine> table = tempListRegistrationLines;

RegistrationLine newRow = new RegistrationLine();

RadTextBox rtb;

rtb = (RadTextBox)editedItem.FindControl("RadTextBoxTitle");

newRow.Title = rtb.Text;

rtb = (RadTextBox)editedItem.FindControl("RadTextBoxDescription");

newRow.Description = rtb.Text;

RadNumericTextBox number = (RadNumericTextBox)editedItem.FindControl("RadNumericTextBoxNumber");

newRow.Number = number.Value.HasValue ? Convert.ToInt32(number.Value.Value) : 0;

table.Add(newRow);

}

protected void RadGrid1_UpdateCommand(object source, GridCommandEventArgs e)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

int idx = e.Item.ItemIndex;

List<RegistrationLine> table = tempListRegistrationLines;

table.RemoveAt(idx);

RegistrationLine newRow = new RegistrationLine();

RadTextBox rtb;

rtb = (RadTextBox)editedItem.FindControl("RadTextBoxTitle");

newRow.Title = rtb.Text;

rtb = (RadTextBox)editedItem.FindControl("RadTextBoxDescription");

newRow.Description = rtb.Text;

RadNumericTextBox number = (RadNumericTextBox)editedItem.FindControl("RadNumericTextBoxNumber");

newRow.Number = number.Value.HasValue ? Convert.ToInt32(number.Value.Value) : 0;

table.Insert(idx,newRow);

}

protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)

{

string strCommand = e.CommandName;

if (strCommand == RadGrid.InitInsertCommandName)

{

// prepare for insert: default data

e.Canceled = true;

RegistrationLine rl = DefaultRegistrationLine();

e.Item.OwnerTableView.InsertItem(rl);

}

if (strCommand == "Edit")

{

GridEditFormItem editItem = e.Item as GridEditFormItem;

// nothing

}

However, I would like to have the insert form at the bottom of the Grid, instead of at the top. So my question is: is there any easy way to do this?

Thanks in advance for your suggestions.

Grid

answered on 17 Jan 2011

4 answers

106 views

scheduler time display

may i know how to achieve the following requirement in radScheduler:
- only need to show two columns for a day as AM and PM
- want to split the column vertically than horizontally

Scheduler

answered on 17 Jan 2011

1 answer

84 views

RadGrid GroupBy Problem

I am using a RadGrid and doing group by with jobstateName but when I bind the data my last stage comes first with users.
I also don't want that in my header it appears that I am grouping my data with jobstatename because i don't want it to show to the end-user. Because jobstatename appears at the top of the grid and it looks very ugly in my scenario. Any help would be really appreciated.

For example

stage4
john
harry

stage3
some users here ...

stage2
some users here ...

stage1
some users here ...

  <telerik:RadGrid ID="gvUserJobMapping" runat="server" PageSize="10" AllowSorting="True"
   GroupingEnabled="true" AllowPaging="True" ShowGroupPanel="True" AutoGenerateColumns="False"
   GridLines="None" CssClass="gridviewSpacing gvJobStates">
   <PagerStyle Mode="NumericPages"></PagerStyle>
   <MasterTableView Width="50%" GroupLoadMode="Client" TableLayout="Fixed">
   <GroupByExpressions>
   <telerik:GridGroupByExpression>
   <SelectFields>
   <telerik:GridGroupByField FieldName="JobStateName" FieldAlias="JobStateName" HeaderText="Job Stages"
   FormatString="{0:D}"></telerik:GridGroupByField>
   </SelectFields>

TreeView

answered on 17 Jan 2011

3 answers

170 views

Displaying 2nd & 3rd levels

Hi,

I have a basic radmenu working fine with 3 levels of data:

Item
- Item
   - Item
   - Item
   - Item
Item
- Item
   - Item
   - Item
   - Item

What i want todo visually is display the top level items as normal but almost group the 2nd & 3rd levels together (within the dropdown) eg:

The dropdown would display items as:

Level 2 Level 2
Level 3 Level 3
Level 3 Level 3

Is this possible ?

Cheers

Luke

Menu

answered on 17 Jan 2011

1 answer

85 views

RadGrid EditMode Modal Popup Not Closing And shows the following message: String was not recognized as a valid boolean

Hi,

I am having a troublesome issue with the RadGrid in the PopUp Edit mode. I have a RadGrid that allows users to enter data into the grid via the modal popup edit style form. My issue is:

The modal pop-up does not close/go away after the user update a record and inmediatelly shows the following message: "String was not recognized as a valid boolean" but the record was updated successfully into the database.

<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="oPeriodos" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" Culture="Spanish (Mexico)" GridLines="None" Skin="Hay" PageSize="12" CellPadding="3" Width="800px" AllowAutomaticDeletes="True" ShowFooter="True"

AllowAutomaticUpdates="true" >

<MasterTableView DataSourceID="oPeriodos" CellPadding="3" Width="800px" DataKeyNames="OIG003_ID_BI" EditMode="PopUp">

<Columns>

<telerik:GridEditCommandColumn EditText="Editar">

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="OIG003_ID_BI" UniqueName="ID" HeaderText="ID" Resizable="False" Visible="false">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OIG001_Mes_ST" UniqueName="Mes" HeaderText="Mes" Resizable="False">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OIG003_Anio_IN" UniqueName="Ano" HeaderText="Año" Resizable="False">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="OIG003_Cerrado_BO" UniqueName="Cerrado" HeaderText="Cerrado" Resizable="false">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="100px" HorizontalAlign="Center" VerticalAlign="Middle"/>

</telerik:GridCheckBoxColumn>

<telerik:GridBoundColumn DataField="OIG003_FechaCierre_DT" UniqueName="FechaCierre" HeaderText="Fecha de Apertura / Cierre" Resizable="False" DataFormatString="{0:MM/dd/yyyy hh:mm:ss}" >

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="150px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OSEG001_NOMBRE_ST" UniqueName="Usuario" HeaderText="Usuario" Resizable="False">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="300px" />

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmText="¿Confirma la eliminación del Tipo de Cambio Seleccionado?" ConfirmDialogType="RadWindow"

ConfirmTitle="Eliminar" ButtonType="ImageButton" CommandName="Delete" Text="Eliminar"

UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings InsertCaption="Cerrar Periodo" CaptionFormatString="Periodo: {0}"

CaptionDataField="OIG003_ID_BI" EditFormType="Template" PopUpSettings-Modal="true">

<FormTemplate>

<table id="Table1" cellspacing="1" cellpadding="1" width="250" border="0" runat="server">

<tr>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

Cerrado:

</td>

<td>

<asp:CheckBox ID="chkCerrado" runat="server" Checked='<%# Bind("OIG003_Cerrado_BO") %>' />

</td>

</tr>

</table>

<table style="width: 100%">

<tr>

<td align="right" colspan="2">

<asp:Button ID="Button1" Text="Actualizar"

runat="server" CommandName="Update" CausesValidation="false" >

</asp:Button>

<asp:Button ID="Button2" Text="Cancelar" runat="server" CausesValidation="False" CommandName="Cancel">

</asp:Button>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

<CommandItemSettings ExportToPdfText="Export to Pdf" />

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 17 Jan 2011

1 answer

146 views

RadGrid EditMode Modal Popup Not Closing And shows the following message: String was not recognized as a valid boolean

Hi,

I am having a troublesome issue with the RadGrid in the PopUp Edit mode. I have a RadGrid that allows users to enter data into the grid via the modal popup edit style form. My issue is:

The modal pop-up does not close/go away after the user update a record and inmediatelly shows the following message: "String was not recognized as a valid boolean" but the record was updated successfully into the database.

<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="oPeriodos" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" Culture="Spanish (Mexico)" GridLines="None" Skin="Hay" PageSize="12" CellPadding="3" Width="800px" AllowAutomaticDeletes="True" ShowFooter="True"

AllowAutomaticUpdates="true" >

<MasterTableView DataSourceID="oPeriodos" CellPadding="3" Width="800px" DataKeyNames="OIG003_ID_BI" EditMode="PopUp">

<Columns>

<telerik:GridEditCommandColumn EditText="Editar">

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="OIG003_ID_BI" UniqueName="ID" HeaderText="ID" Resizable="False" Visible="false">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OIG001_Mes_ST" UniqueName="Mes" HeaderText="Mes" Resizable="False">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OIG003_Anio_IN" UniqueName="Ano" HeaderText="Año" Resizable="False">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="100px" />

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="OIG003_Cerrado_BO" UniqueName="Cerrado" HeaderText="Cerrado" Resizable="false">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="100px" HorizontalAlign="Center" VerticalAlign="Middle"/>

</telerik:GridCheckBoxColumn>

<telerik:GridBoundColumn DataField="OIG003_FechaCierre_DT" UniqueName="FechaCierre" HeaderText="Fecha de Apertura / Cierre" Resizable="False" DataFormatString="{0:MM/dd/yyyy hh:mm:ss}" >

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="150px" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OSEG001_NOMBRE_ST" UniqueName="Usuario" HeaderText="Usuario" Resizable="False">

<HeaderStyle Font-Bold="True" HorizontalAlign="Center" VerticalAlign="Middle" />

<ItemStyle Width="300px" />

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmText="¿Confirma la eliminación del Tipo de Cambio Seleccionado?" ConfirmDialogType="RadWindow"

ConfirmTitle="Eliminar" ButtonType="ImageButton" CommandName="Delete" Text="Eliminar"

UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings InsertCaption="Cerrar Periodo" CaptionFormatString="Periodo: {0}"

CaptionDataField="OIG003_ID_BI" EditFormType="Template" PopUpSettings-Modal="true">

<FormTemplate>

<table id="Table1" cellspacing="1" cellpadding="1" width="250" border="0" runat="server">

<tr>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

Cerrado:

</td>

<td>

<asp:CheckBox ID="chkCerrado" runat="server" Checked='<%# Bind("OIG003_Cerrado_BO") %>' />

</td>

</tr>

</table>

<table style="width: 100%">

<tr>

<td align="right" colspan="2">

<asp:Button ID="Button1" Text="Actualizar"

runat="server" CommandName="Update" CausesValidation="false" >

</asp:Button>

<asp:Button ID="Button2" Text="Cancelar" runat="server" CausesValidation="False" CommandName="Cancel">

</asp:Button>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

<CommandItemSettings ExportToPdfText="Export to Pdf" />

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 17 Jan 2011

1 answer

130 views

Rename and delete file with CustomFileSystemProvider

Hello, with this (http://www.telerik.com/support/kb/aspnet-ajax/fileexplorer/physical-paths-and-different-content-types.aspx) custom provider I can't delete and rename files. I fixed it:

public override string GetPath(string path)

{

// First add the '~/' signs in order to use the VirtualPathUtility.GetDirectory() method ;

/*string PathWithTilde = "~/" + path;

string virtualPath = VirtualPathUtility.GetDirectory(PathWithTilde);

virtualPath = virtualPath.Remove(0, 2);// remove the '~' signs

return virtualPath;*/

string virtualPath = "";

if (Path.GetFileName(path).Length > 0)

virtualPath = path.Replace(Path.GetFileName(path), "");

return virtualPath;

}