I have a user control inside a asp:repeater. Within the user there is a that allows the user to enter the desired quantity of an item. A script will then be called to update a label control with the total for that line ( * item price). The textbox calls a javascript OnValueChanged. The javascript is firing as it should. The problem is that the javascript will not update the label control. I have tried using an asp:label and a : but neither control will update. Any help would be greatly appreciated.
User Control
<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="custRow.ascx.vb" Inherits="custPortal.custRow" %>
<
div
class
=
"row"
>
<
div
class
=
"large-6 columns"
>
<
asp:Label
runat
=
"server"
ID
=
"productName"
>product name</
asp:Label
>
</
div
>
<
div
class
=
"large-1 columns"
>
<
asp:Label
runat
=
"server"
ID
=
"productPrice"
Text
=
"$0.00"
></
asp:Label
>
</
div
>
<
div
class
=
"large-1 columns"
>
<
telerik:RadTextBox
ID
=
"qty"
runat
=
"server"
Width
=
"100%"
>
<
ClientEvents
OnValueChanged
=
"updateLine"
/>
</
telerik:RadTextBox
>
</
div
>
<
div
class
=
"large-1 columns"
>
<
asp:Label
runat
=
"server"
ID
=
"lblTotal"
></
asp:Label
>
</
div
>
<
div
class
=
"large-1 columns"
>
</
div
>
<
div
class
=
"large-2 columns"
>
</
div
>
</
div
>
<
script
type
=
"text/javascript"
>
function updateLine(sender, args) {
var vBox = $find('<%=qty.ClientID %>');
var pBox = document.getElementById('<%=productPrice.ClientID%>');
var newLineTotal = sender.get_value() * pBox.innerText;
document.getElementById('<%=lblTotal.ClientID%>').textContent = newLineTotal;
}
</
script
>
Please note I have tried .textContent, .innerHTML, .innerText and .value to change the label text and none of those have worked.
And here is the code for the ASPX page
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="index.aspx.vb" Inherits="custPortal.index" %>
<%@ Register Src="~/controls/custRow.ascx" TagPrefix="uc1" TagName="custRow" %>
<!DOCTYPE html>
<
html
class
=
"no-js"
lang
=
"en"
>
<
head
runat
=
"server"
>
<
meta
charset
=
"utf-8"
/>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
/>
<
title
>Foundation</
title
>
<
link
rel
=
"stylesheet"
href
=
"stylesheets/app.css"
/>
<
script
src
=
"bower_components/modernizr/modernizr.js"
></
script
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
></
telerik:RadScriptManager
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
></
telerik:RadAjaxManager
>
<
div
class
=
"row"
>
<
div
class
=
"large-12 columns"
>
<
asp:Repeater
ID
=
"Repeater1"
runat
=
"server"
DataSourceID
=
"lqProducts"
>
<
ItemTemplate
>
<
uc1:custRow
runat
=
"server"
ID
=
"custRow"
ItemName
=
"ITEM"
UnitPrice
=
"50"
/>
</
ItemTemplate
>
</
asp:Repeater
>
<
asp:LinqDataSource
ID
=
"lqProducts"
runat
=
"server"
ContextTypeName
=
"virtuePortal.vDbDataContext"
EntityTypeName
=
""
TableName
=
"products"
>
</
asp:LinqDataSource
>
</
div
>
</
div
>
<
div
class
=
"row"
>
<
div
class
=
"large-6 columns"
>
<
asp:LinkButton
runat
=
"server"
ID
=
"btnSUbmit"
CssClass
=
"button"
>Submit</
asp:LinkButton
>
</
div
>
<
div
class
=
"large-6 columns"
>
<
asp:Label
runat
=
"server"
ID
=
"myTotal"
></
asp:Label
>
</
div
>
</
div
>
</
form
>
<
script
src
=
"bower_components/jquery/dist/jquery.min.js"
></
script
>
<
script
src
=
"bower_components/foundation/js/foundation.min.js"
></
script
>
<
script
src
=
"js/app.js"
></
script
>
</
body
>
</
html
>
Hello,
does the method "get_masterTableView()" only return the rows from the active page ? If yes, how iterate on all rows from all pages from the grid ?
The grid contains 60 rows in 3 pages. The instruction "rows.length" below return 20. I need 60.
Has someone an idea ?
Thanks in advance.
Seb
var tableView = $find("grdMandantenList").get_masterTableView();
var rows = tableView.get_dataItems();
for (var i = 0; i < rows.length; i++) {
//access label value
var label = rows[i].findElement("lblVersandStatus");
...
}
I am using radComboBox for lists but im having an issue in being able to apply a margin bottom so that the labels and the controls I have tried to apply the 10 margin bottom via
.form-group{
margin-bottom:10px;
}
.RadComboBox RadComboBox_Bootstrap {
margin-bottom: 15px;
}
.RadComboBox .rcbReadOnly .rcbInput, .RadComboBox .rcbDisabled .rcbInput .RadComboBox_Bootstrap table
{
margin-bottom:10px;
}
Below is how i layout my forms.
<
form
class
=
"form-horizontal"
>
<
fieldset
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Is Joint Application</
label
>
<
div
class
=
"col-md-8"
>
<
label
class
=
"checkbox"
>
<
telerik:RadCheckBox
Skin
=
"Bootstrap"
ID
=
"chkIsJointApplication"
runat
=
"server"
></
telerik:RadCheckBox
>
</
label
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>IVA Code</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtIVACode"
CssClass
=
"form-control"
Width
=
"20%"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<!-- Text input-->
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>
First Name</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtFirstName"
CssClass
=
"form-control"
Width
=
"60%"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<!-- Text input-->
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Middle Name</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtMiddle"
CssClass
=
"form-control"
Width
=
"20%"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<!-- Text input-->
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>
Surname</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtSurname"
CssClass
=
"form-control"
Width
=
"60%"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<!-- Text input-->
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Saluatation</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtsaluatation"
CssClass
=
"form-control"
Width
=
"20%"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Ailases</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtAilases"
CssClass
=
"form-control"
Width
=
"40%"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Marital Status</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadComboBox
ID
=
"rdMartialStatus"
Width
=
"50%"
Skin
=
"Bootstrap"
EmptyMessage
=
"Please Select"
runat
=
"server"
></
telerik:RadComboBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Address Line 1</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtAddressLine1"
CssClass
=
"form-group-lg"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Address Line 2</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtAddressLine2"
CssClass
=
"form-group-lg"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>City</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtCity"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Post Code</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtPostCode"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>County</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadComboBox
ID
=
"dpCounty"
CssClass
=
"form-group-lg"
Width
=
"50%"
Skin
=
"Bootstrap"
EmptyMessage
=
"Please Select"
runat
=
"server"
></
telerik:RadComboBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Country</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadComboBox
ID
=
"dpCountry"
Width
=
"50%"
CssClass
=
"form-group-lg"
Skin
=
"Bootstrap"
EmptyMessage
=
"Please Select"
runat
=
"server"
></
telerik:RadComboBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Date Of Birth</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadDatePicker
ID
=
"rdDob"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadDatePicker
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Age</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtAge"
CssClass
=
"form-group-lg"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Home Tel NO.</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtHomeTelNo"
CssClass
=
"form-group-lg"
Skin
=
"Bootstrap"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Work Tel No</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtWorkTelNo"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Fax No</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtFaxNo"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Mobile No</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtMobileNo"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Best Time to Call</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtBestTimeToCall"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Prefered Contact Method</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadComboBox
ID
=
"rdPreferedContactMethod"
Width
=
"50%"
CssClass
=
"form-group-lg"
EmptyMessage
=
"Please Select"
runat
=
"server"
></
telerik:RadComboBox
>
</
div
>
</
div
>
</
fieldset
>
</
div
>
<
div
class
=
"tab-pane"
id
=
"two-normal"
>
<
fieldset
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>AML C</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadCheckBox
ID
=
"chkAmlCPerformed"
CssClass
=
"form-group-lg"
runat
=
"server"
Text
=
""
></
telerik:RadCheckBox
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Consent given 3rd Parties?</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadCheckBox
ID
=
"chkConsentGiven"
runat
=
"server"
Text
=
""
></
telerik:RadCheckBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Property owned in last 5 years?</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadCheckBox
ID
=
"chkOwned2Years"
CssClass
=
"form-group-lg"
runat
=
"server"
Text
=
""
></
telerik:RadCheckBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Number Of Searches</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtNoSearchers"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Residential Status</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadComboBox
ID
=
"rdResidentialStatus"
Width
=
"50%"
EmptyMessage
=
"Please Select"
runat
=
"server"
></
telerik:RadComboBox
>
</
div
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Date Known at Address</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadDatePicker
ID
=
"rdDateKnownatAddress"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadDatePicker
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>KYC/AML Check</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtkycamlCheck"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Passport Number</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtpassportNo"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Driving License Number</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtDrivingLicenseNo"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Secuirty Question</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"RadTextBox6"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Secuirty Answer</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtSecurityAnswer"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Notes</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadTextBox
ID
=
"txtNotes"
CssClass
=
"form-group-lg"
Rows
=
"10"
Columns
=
"10"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Deceased?</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadCheckBox
ID
=
"chkDeceased"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadCheckBox
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
class
=
"col-md-4 control-label"
for
=
"textinput"
>Date Deceased?</
label
>
<
div
class
=
"col-md-8"
>
<
telerik:RadDatePicker
ID
=
"dateDeceased"
CssClass
=
"form-group-lg"
runat
=
"server"
></
telerik:RadDatePicker
>
</
div
>
</
div
>
</
div
>
<!-- /tabs -->
</
fieldset
>
</
div
> </
div
>
I am using the following mark up for a toolbar at the top of my screen but their is a diabled css class that i can add and an active to make them stand out my question is how do i in code behind add a style to the button cssclass tag.
<
telerik:RadButton
ID
=
"rbPersonalDetails"
runat
=
"server"
CssClass
=
"btn btn-info"
Text
=
"Property Details"
>
<
ContentTemplate
>
<
i
class
=
"fa fa-user"
style
=
"color: #5bc0de;"
></
i
>Personal Details
</
ContentTemplate
>
</
telerik:RadButton
>
<
telerik:RadButton
ID
=
"rbPropertyDetails"
runat
=
"server"
CssClass
=
"btn btn-info"
Text
=
"Property Details"
>
<
ContentTemplate
>
<
i
class
=
"fa fa-home"
style
=
"color: #5bc0de;"
></
i
>Property Details
</
ContentTemplate
>
</
telerik:RadButton
>
<
telerik:RadButton
ID
=
"rbVechicleDetails"
runat
=
"server"
CssClass
=
"btn btn-info"
Text
=
"Vechicle Details"
>
<
ContentTemplate
>
<
i
class
=
"fa fa-car"
style
=
"color: #5bc0de;"
></
i
>Vechicle Details
</
ContentTemplate
>
</
telerik:RadButton
>
<
telerik:RadButton
ID
=
"rbincomee"
runat
=
"server"
CssClass
=
"btn btn-info"
>
<
ContentTemplate
>
<
i
class
=
"fa fa-gbp"
style
=
"color: #5bc0de;"
></
i
>Income & Expenditures
</
ContentTemplate
>
</
telerik:RadButton
>
<
telerik:RadButton
ID
=
"rbPensions"
runat
=
"server"
CssClass
=
"btn btn-info"
>
<
ContentTemplate
>
<
i
class
=
"fa fa-bank"
style
=
"color: #5bc0de;"
></
i
>Pensions
</
ContentTemplate
>
</
telerik:RadButton
>
<
telerik:RadButton
ID
=
"rbMeetings"
runat
=
"server"
CssClass
=
"btn btn-info"
>
<
ContentTemplate
>
<
i
class
=
"fa fa-calendar"
style
=
"color: #5bc0de;"
></
i
>Meetings
</
ContentTemplate
>
</
telerik:RadButton
>
<
telerik:RadButton
ID
=
"rbOtherAssets"
runat
=
"server"
CssClass
=
"btn btn-info"
>
<
ContentTemplate
>
<
i
class
=
"fa fa-share"
style
=
"color: #5bc0de;"
></
i
>Other Assets
</
ContentTemplate
>
</
telerik:RadButton
>
<telerik:RadGrid ID="RadGrid1"
AllowMultiRowSelection="True"
AllowSorting="True"
AllowNaturalSort="True"
AllowPaging="True"
AlternatingItemStyle-HorizontalAlign="Center"
AutoGenerateColumns="false"
BackColor="#ffffff"
CellPadding="2"
CellSpacing="2"
GridLines="None"
GroupingEnabled="True"
HeaderStyle-Height="20"
Height="580px"
OnNeedDataSource="RadGrid1_NeedDataSource"
OnItemDataBound="RadGrid1_ItemDataBound"
OnSortCommand="RadGrid1_SortCommand"
OnExcelExportCellFormatting="RadGrid1_ExcelExportCellFormatting"
SelectedItemStyle-ForeColor="#000000"
PageSize="15"
ShowFooter="True"
ShowHeader="True"
ShowGroupPanel="True"
ShowStatusBar="True"
EnableEmbeddedSkins="False"
Skin="Nuts"
Width="100%"
Visible="true"
runat="server">
-- Now for the columns
<telerik:GridBoundColumn DataField="status_id" ItemStyle-Width="0" Display="False" />
<telerik:GridBoundColumn DataField="request_id" ItemStyle-Width="0" Display="False" />
<telerik:GridBoundColumn DataField="refresh_time" ItemStyle-Width="0" Display="False" />
<telerik:GridBoundColumn DataField="number_of_days" ItemStyle-Width="0" Display="False" />
<telerik:GridBoundColumn DataField="request_number" UniqueName="RequestNumber" ItemStyle-Width="0" Display="False" />
<ClientSettings
AllowDragToGroup
=
"True"
EnablePostBackOnRowClick
=
"False"
>
<
Resizing
AllowColumnResize
=
"True"
AllowRowResize
=
"False"
ResizeGridOnColumnResize
=
"False"
ClipCellContentOnResize
=
"True"
EnableRealTimeResize
=
"False"
/>
<
Scrolling
AllowScroll
=
"True"
UseStaticHeaders
=
"True"
SaveScrollPosition
=
"True"
FrozenColumnsCount
=
"3"
/>
<
Selecting
AllowRowSelect
=
"True"
/>
</
ClientSettings
>
Hi there,
I have a grid attached to an EntityDataSource. The grid is in "Batch" mode and has enabled "AllowAutomaticInserts". I also have a javascript attached to "OnBatchEditOpening" that prevents two columns from being edited. When inserting a new record I need to set these two columns with default values, but again the columns have to be in read only mode. I've tried to use "DefaultInsertValue" but then the javascript causes an error "Unable to get property 'cell' of undefined or null reference" when adding a new row.
Javascript
function
BatchEditOpening(sender, args)
{
var
columnUniqueName = args.get_columnUniqueName();
switch
(columnUniqueName)
{
case
"Status"
:
case
"Source"
:
args.set_cancel(
true
);
default
:
}
}
How can I solve this? Is there another approach I can take?
Regards,
Artur
Hello,
I use the method ResizToFit to resize all columns in event gridCreated but it doesn't work correctly for the GridTemplateColumn.
The code is:
aspx:
<
telerik:GridTemplateColumn
UniqueName
=
"EmailSendDate"
HeaderText
=
"Sent: "
>
<
ItemTemplate
>
<
asp:Label
runat
=
"server"
ID
=
"lblSendStatus"
/>
</
ItemTemplate
>
<
ItemStyle
Wrap
=
"True"
HorizontalAlign
=
"Left"
/>
<
AlternatingItemStyle
Wrap
=
"True"
HorizontalAlign
=
"Left"
/>
<
HeaderStyle
Wrap
=
"False"
HorizontalAlign
=
"Left"
/>
<
FooterStyle
Wrap
=
"False"
HorizontalAlign
=
"Left"
/>
<
ClientSettings
EnableRowHoverStyle
=
"True"
AllowKeyboardNavigation
=
"True"
>
<
Selecting
AllowRowSelect
=
"True"
/>
<
ClientEvents
OnGridCreated
=
"gridCreated"
/>
<
Scrolling
AllowScroll
=
"true"
UseStaticHeaders
=
"True"
ScrollHeight
=
"475px"
/>
<
Resizing
AllowColumnResize
=
"True"
ClipCellContentOnResize
=
"False"
AllowResizeToFit
=
"True"
EnableRealTimeResize
=
"False"
ResizeGridOnColumnResize
=
"False"
/>
<
ClientMessages
ColumnResizeTooltipFormatString
=
""
DragToResize
=
""
/>
</
ClientSettings
>
The label may contain nothing or a datetime or an error text.
javascript:
var
columns = Grid.get_masterTableView().get_columns();
for
(
var
i = 0; i < columns.length; i++) {
columns[i].resizeToFit();
}
When the column contain the datetime, the column is cut between the date and the time. When I manually enlarged column, just a little, it's ok (The time come beside the date).
Any suggestions?
Thanks in advance
Seb
<
telerik:RadComboBox
runat
=
"server"
ID
=
"t"
CheckBoxes
=
"true"
Filter
=
"Contains"
>
<
Items
>
<
telerik:RadComboBoxItem
Text
=
"Sample A"
/>
<
telerik:RadComboBoxItem
Text
=
"Sample B"
/>
<
telerik:RadComboBoxItem
Text
=
"Sample C"
/>
</
Items
>
</
telerik:RadComboBox
>
Hi i have RadGrid Which have 100 records with paging of 10 records per page. When i am using RadGrid.MasterTableView, its only give me 10 records(only current page records) but I want to get all records i. e 100 records. Please tell me how cam i get it.