Hi
I am working through some Telerik sample code and having some errors. I am trying to understand how it works in order to troubleshoot the problem.
Specifically, I am using a ComboBox widget with an id value (let's call it comboID) which is set in the .Name property.
Now this code from the sample:
$(comboID).each(function () {
eval($(this).children("script").last().html());
});
I think adds a new combo box. What does the ("script") keyword signify?
Now I need to find the ComboBox and update the selected item.
$(comboID).data().kendoComboBox.value(status);
But get undefined for the kendoComboBox. I'm not sure what this line does. I assume we are looking into the DOM but what is the type that is returned?
Thanks for your help. Just trying to understand.
I have a dropdown inside a grid which currently takes 100% width of the column. Because of number of columns, width of this column is very less compared to the length of each item I have for the dropdown.
I want to make the options list of the dropdown to display full text in single line with out increasing the width of the column. I am using white-space:nowrap to get the text in online but the options list gets scroll bar. Is there a way that I can increase its width to 100%?
I am following this tutorial here and created a page but popup won't show when I click the button. I am getting javascript error sys is undefined.
Tutorial: http://demos.telerik.com/aspnet-ajax/window/examples/modalpopup/defaultcs.aspx
aspx
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="FNA.NRTT.Website.Customer.Portfolio.Default" %>
<%@ Register TagPrefix="nrtt" TagName="CustomerGrid" Src="~/UserControls/CustomerGrid.ascx" %>
<%@ Register TagPrefix="nrtt" TagName="DisplayClientDefinedField" Src="~/UserControls/DisplayClientDefinedField.ascx" %>
<
asp:Content
ID
=
"Content1"
ContentPlaceHolderID
=
"HeadContent"
runat
=
"server"
>
</
asp:Content
>
<
asp:Content
ID
=
"Content2"
ContentPlaceHolderID
=
"FeaturedContent"
runat
=
"server"
>
</
asp:Content
>
<
asp:Content
ID
=
"Content3"
ContentPlaceHolderID
=
"MainContent"
runat
=
"server"
>
<
h2
><
asp:Literal
ID
=
"ltPageTitle"
runat
=
"server"
Text="<%$ Resources:NrttLanguage, Portfolio %>"></
asp:Literal
></
h2
>
<
nrtt:DisplayClientDefinedField
runat
=
"server"
ID
=
"ucDisplayCDFS"
OnNeedCdfDefinitions
=
"ucDisplayCDFS_NeedCdfDataDefinition"
OnFilterChanged
=
"ucDisplayCDFS_FilterCDFS"
/>
<
asp:Button
ID
=
"rbEdit"
Text
=
"Edit"
runat
=
"server"
/>
<
nrtt:CustomerGrid
ID
=
"ucExpiringRealServices"
runat
=
"server"
AllowSelection
=
"true"
OnNeedDataSource
=
"ucExpiringRealServices_NeedDataSource"
OnNeedColumnCollection
=
"ucExpiringRealServices_NeedColumnCollection"
OnItemDataBound
=
"ucExpiringRealServices_ItemDataBound"
></
nrtt:CustomerGrid
>
<
telerik:RadWindow
ID
=
"modalPopup"
runat
=
"server"
Width
=
"360px"
Height
=
"360px"
Modal
=
"true"
OffsetElementID
=
"main"
>
<
ContentTemplate
>
<
div
style
=
"padding: 10px; text-align: center;"
>
<
telerik:RadButton
ID
=
"rbToggleModality"
Text
=
"Toggle modality"
OnClientClicked
=
"togglePopupModality"
AutoPostBack
=
"false"
runat
=
"server"
Height
=
"65px"
/>
</
div
>
<
p
style
=
"text-align: center;"
>
RadWindow is designed with keyboard support in mind - try tabbing
before and after removing the modal background. While the popup is modal
you cannot focus the text area, once the modality is removed the text area will
be the first thing to receive focus because it has tabIndex=1.
</
p
>
</
ContentTemplate
>
</
telerik:RadWindow
>
</
asp:Content
>
javascript:
var demo = {};
function togglePopupModality() {
var wnd = getModalWindow();
wnd.set_modal(!wnd.get_modal());
if (!wnd.get_modal()) {
document.documentElement.focus();
}
}
function showDialogInitially() {
var wnd = getModalWindow();
wnd.show();
Sys.Application.remove_load(showDialogInitially);
}
Sys.Application.add_load(showDialogInitially);
function getModalWindow() { return $find(demo.modalWindowID); }
global.$modalWindowDemo = demo;
global.togglePopupModality = togglePopupModality;
I have a kendo grid in a kendo PanelBar (actually, I have a few kendo grids in a few kendo panelbars in the same page), and to eliminate a long load time, I don;t want to actually retrieve the grids data until the specific PanelBar get's expanded. I figured out the Expand event, but how do I configure my Grid to get the data based on that event?
<
ul
id
=
"panelbar"
>
<
li
id
=
"item1"
>
<
b
>Names</
b
>
<
div
id
=
"SampleNamesGrid"
></
div
>
@(Html.Kendo().Grid<
SampleName
>().Name("SampleNamesGrid")
.TableHtmlAttributes(new {@class = "table-condensed"})
.Columns(c =>
{
c.Bound(sn => sn.ID);
c.Bound(sn => sn.FirstName);
c.Bound(sn => sn.LastName);
})
.DataSource(d => d
.Ajax()
.Read(r => r.Action("GetNames", "SampleNames").Type(HttpVerbs.Get))
.PageSize(20)
)
.Pageable()
.Filterable()
.Sortable())
</
li
>
</
ul
>
<
script
>
$("#panelbar").kendoPanelBar({
expand: Expand
});
function Expand(e) {
alert("open");
}
</
script
>
I have a grid with an InCell edit and I have one of the columns as a dropdown list and I'm implementing this using EditorTemplateName. I'm getting the dropdown list populated but how do I have the default value of the dropdown selected to the bound column value? Now I just get a dropdown on clicking the cell with all the values populated and the default selected value is blank.
My Editior Template :
@model IEnumerable<AMCUpfrontTracker2.Models.Agency_Ref>
@(Html.Kendo().DropDownListFor(m => m)
.DataValueField("AgencyID")
.DataTextField("AgencyName")
.BindTo((System.Collections.IEnumerable)ViewData["Agencies"])
)
Hi,
I was wondering if there is a way to disable child check boxes when parent check boxes have been disabled. I have used the selectableMode property to disable parent checkbox but am running into issue disabling child checkbox using same property.
C#:
//This is for disabling child checkbox
protected void BindChildGrid(GridDataItem parentItem)
{
var ucQuoteRows = parentItem.ChildItem.FindControl("ucExpiringRealServices") as UserControls.CustomerGrid;
CheckBox checkBox = (CheckBox)parentItem["BulkActionSelect"].Controls[0];
if (ucQuoteRows != null)
{
checkBox.Attributes.Add("data-customergridid", ucQuoteRows.ClientID);
//var envelopeName = parentItem.GetDataKeyValue("Name");
ucQuoteRows.ParentId = parentItem.GetDataKeyValue("ObjectId").ToString();
/*ucQuoteRows.ExportFileNamePrefix = envelopeName.ToString();
ucQuoteRows.TaInfoEnable = RoleEngine.CurrentUserHasTARead();*/
//BindCustomerGrid(ucQuoteRows, null);
if (parentItem.SelectableMode == GridItemSelectableMode.None)
{
ucQuoteRows.AllowSelection = false;
}
else if (parentItem.SelectableMode == GridItemSelectableMode.ServerAndClientSide)
{
ucQuoteRows.AllowSelection = true;
}
ucQuoteRows.ColumnCollection = null;
ucQuoteRows.Rebind();
}
}
//this correctly disables parent checkbox
protected void rgExpiringServices_ItemDataBound(object sender, GridItemEventArgs e)
{
if (e.Item is GridDataItem)
{
var dataItem = ((GridDataItem)e.Item);
var ObjectId = Guid.Parse(dataItem.GetDataKeyValue("ObjectId").ToString());
e.Item.SelectableMode = this.DisabledIds.Contains(ObjectId) ? GridItemSelectableMode.None : GridItemSelectableMode.ServerAndClientSide;
}
}
aspx:
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ExpiringServices.aspx.cs" Inherits="FNA.NRTT.Website.Customer.Service.ExpiringServices" %>
<%@ Register TagPrefix="nrtt" TagName="CustomerGrid" Src="~/UserControls/CustomerGrid.ascx" %>
<%@ Register TagPrefix="nrtt" TagName="DisplayClientDefinedField" Src="~/UserControls/DisplayClientDefinedField.ascx" %>
<
asp:Content
ID
=
"Content1"
ContentPlaceHolderID
=
"HeadContent"
runat
=
"server"
>
</
asp:Content
>
<
asp:Content
ID
=
"Content2"
ContentPlaceHolderID
=
"FeaturedContent"
runat
=
"server"
>
</
asp:Content
>
<
asp:Content
ID
=
"Content3"
ContentPlaceHolderID
=
"MainContent"
runat
=
"server"
>
<
h2
><
asp:Literal
ID
=
"ltPageTitle"
runat
=
"server"
Text="<%$ Resources:NrttLanguage, Services %>"></
asp:Literal
></
h2
>
<
asp:DropDownList
ID
=
"ddlInterval"
runat
=
"server"
style
=
"text-align:right"
OnSelectedIndexChanged
=
"ddlInterval_SelectedIndexChanged"
AutoPostBack
=
"true"
>
<
asp:ListItem
Text
=
"30 days"
Value
=
"0"
/>
<
asp:ListItem
Text
=
"90 days"
Value
=
"1"
/>
<
asp:ListItem
Text
=
"Forever"
Value
=
"2"
/>
</
asp:DropDownList
>
<
br
/>
<
nrtt:DisplayClientDefinedField
runat
=
"server"
ID
=
"ucDisplayCDFS"
OnNeedCdfDefinitions
=
"ucDisplayCDFS_NeedCdfDataDefinition"
OnFilterChanged
=
"ucDisplayCDFS_FilterCDFS"
/>
<
telerik:RadGrid
ID
=
"rgExpiringServices"
OnNeedDataSource
=
"rgExpiringServices_NeedDataSource"
OnItemCommand
=
"rgExpiringServices_ItemCommand"
AllowFilteringByColumn
=
"true"
OnPreRender
=
"rgExpiringServices_PreRender"
runat
=
"server"
Skin
=
"Black"
AllowMultiRowSelection
=
"true"
OnItemDataBound
=
"rgExpiringServices_ItemDataBound"
AllowPaging
=
"true"
>
<
ClientSettings
Selecting-AllowRowSelect
=
"true"
Selecting-UseClientSelectColumnOnly
=
"true"
ClientEvents-OnRowSelected
=
"nestedGridRowSelected"
ClientEvents-OnRowDeselected
=
"nestedGridRowDeselected"
></
ClientSettings
>
<
MasterTableView
DataKeyNames
=
"ObjectId, Name"
AutoGenerateColumns
=
"false"
ShowFooter
=
"true"
HierarchyLoadMode
=
"ServerOnDemand"
EnableHierarchyExpandAll
=
"true"
AllowFilteringByColumn
=
"true"
>
<
Columns
>
<
telerik:GridClientSelectColumn
UniqueName
=
"BulkActionSelect"
HeaderText="<%$ Resources:NrttLanguage, BulkAction %>" ></
telerik:GridClientSelectColumn
>
<
telerik:GridButtonColumn
ButtonType
=
"ImageButton"
ButtonCssClass
=
"btnTiny btnApprove"
UniqueName
=
"Renew"
CommandName
=
"Renew"
ImageUrl
=
"~/Images/blank16.png"
HeaderStyle-Width
=
"16px"
ItemStyle-Width
=
"16px"
></
telerik:GridButtonColumn
>
<
telerik:GridButtonColumn
ButtonType
=
"ImageButton"
ButtonCssClass
=
"btnTiny btnDelete"
UniqueName
=
"Terminate"
CommandName
=
"Terminate"
ImageUrl
=
"~/Images/blank16.png"
HeaderStyle-Width
=
"16px"
ItemStyle-Width
=
"16px"
></
telerik:GridButtonColumn
>
<
telerik:GridNumericColumn
UniqueName
=
"Name"
DataField
=
"Name"
HeaderText="<%$ Resources:NrttLanguage, CustomerReference %>" DataType="System.String"> </
telerik:GridNumericColumn
>
<
telerik:GridDateTimeColumn
DataField
=
"DateExpiration"
DataType
=
"System.DateTime"
FilterControlAltText
=
"Filter DateImportant column"
HeaderText="<%$ Resources:NrttLanguage, DateExpiring%>" SortExpression="DateImportant" UniqueName="DateImportant" DataFormatString="{0:d}" >
</
telerik:GridDateTimeColumn
>
<
telerik:GridNumericColumn
UniqueName
=
"Daysuntilexpired"
DataField
=
"DaysUntilExpiration"
HeaderText="<%$ Resources:NrttLanguage, daysuntilexpired %>" > </
telerik:GridNumericColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"Services"
DataField
=
"ServiceInReferenceString"
HeaderText="<%$ Resources:NrttLanguage, Services %>" ></
telerik:GridBoundColumn
>
<
telerik:GridNumericColumn
UniqueName
=
"Parcelcount"
DataField
=
"RealInReference"
HeaderText="<%$ Resources:NrttLanguage, ParcelCount %>" > </
telerik:GridNumericColumn
>
</
Columns
>
<
NestedViewTemplate
>
<
nrtt:CustomerGrid
ID
=
"ucExpiringRealServices"
runat
=
"server"
AllowSelection
=
"true"
OnNeedDataSource
=
"ucExpiringRealServices_NeedDataSource"
OnNeedColumnCollection
=
"ucExpiringRealServices_NeedColumnCollection"
OnItemDataBound
=
"ucExpiringRealServices_ItemDataBound"
></
nrtt:CustomerGrid
>
</
NestedViewTemplate
>
</
MasterTableView
>
</
telerik:RadGrid
>
<
div
style
=
"text-align:right"
>
<
asp:RadioButton
ID
=
"Extend"
Text
=
"Extend"
Checked
=
"true"
GroupName
=
"whattodo"
runat
=
"server"
/>
<
asp:RadioButton
ID
=
"Terminate"
Text
=
"Terminate"
Checked
=
"false"
GroupName
=
"whattodo"
runat
=
"server"
/>
<
telerik:RadButton
ID
=
"rbtnSubmitSelection"
runat
=
"server"
Text="<%$ Resources:NrttLanguage, RequestPayment %>" Skin="Black" SingleClick="true" OnClick="rbtnSubmitSelection_Click"></
telerik:RadButton
>
</
div
>
</
asp:Content
>
can someone tell me why this is not working? I am trying to puss the ID of the video to GetVideoDuration().
<script type=
"text/x-kendo-template"
id=
"template"
>
<div class=
"duration"
>
@{string VID =
"VID"
;}
@VID.Replace(
"Vimeo_ID"
,
"${VID}"
)
@MultimediaController.GetVideoDuration(VID)
</div>
</script>
Second line display the correct VID on every record. But when GetVideoDuration() is getting executed the value passed is VID string not the actual number.
multimedia controller.
public
static
string
GetVideoDuration(
string
VID)
{
string
strDuration =
string
.Empty;
}