Questions on Kendo UI for jQuery Forum

3 answers

179 views

Changing the ImageBrowser path according to Route parameter (MVC Wrapper)

Hi,
I would like to know how I could get the ImageBrowser to use a different root folder depending upon the currently selected route.
For example, the editor within the page url ../details/4 should open the ImageBrowser at /Content/Category/4/Images whilst the page url ../details/7 should open the ImageBrowser at /Content/Category/7/Images

Any help or suggestions would be much appreciated

Editor

answered on 20 Sep 2013

1 answer

1.0K+ views

DropDownListFor Makes Property Required?

Hi y'all,

I'm having a strange issue with the DropDownListFor functionality. Whenever I use it on a property in my model, it is attaching data-val-required on the resultant html tag, even though the property is not required. This is posing a problem, because I want to use the optionLabel as a way of letting the user select a null value for that field. I double-checked to make sure it was just Kendo's control that was doing this by using the built-in Html.TextBoxFor with the same property, and it did not have the data-val-required put on the text input. Any help?

Here's the Model:

public class ComponentGIEditViewModel

{

public int Id { get; set; }

public string Name { get; set; }

public string Description { get; set; }

[Display(Name = "Toolset Reference Id")]

public string ToolsetReferenceId { get; set; }

[Display(Name = "BU Reference Id")]

public string BUReferenceId { get; set; }

[Display(Name = "Service Group")]

public int ServiceGroupId { get; set; }

public IEnumerable<dynamic> ServiceGroups { get; set; }

[Display(Name="Component Type")]

public int ComponentTypeId { get; set; }

public IEnumerable<dynamic> ComponentTypes { get; set; }

[Display(Name = "Criticality")]

public int CriticalityId { get; set; }

public IEnumerable<dynamic> Criticalities { get; set; }

[Display(Name="Is Sox")]

public string IsSOX { get; set; }

[Display(Name = "Complexity")]

public int ComplexityId { get; set; }

public IEnumerable<dynamic> Complexities { get; set; }

[Display(Name = "Trigger")]

public int TriggerId { get; set; }

public IEnumerable<dynamic> Triggers { get; set; }

[Display(Name = "Data Classification")]

public int DataClassificationId { get; set; }

public IEnumerable<dynamic> DataClassifications { get; set; }

}

Here's the relevant part of the View:

@Html.LabelFor(model => model.ServiceGroupId, new { @class = "col-md-1 control-label" })

<div class="col-md-5">

@(Html.Kendo().DropDownListFor(model => model.ServiceGroupId)

.BindTo(Model.ServiceGroups)

.DataTextField("Name")

.DataValueField("Id")

.OptionLabel("-- None --")

.HtmlAttributes(new { style = "width: 100%" })

)

</div>

Here's the resultant HTML:

<span tabindex="0" class="k-widget k-dropdown k-header" role="listbox" aria-busy="false" aria-disabled="false" aria-expanded="false" aria-haspopup="true" aria-readonly="false" aria-activedescendant="ServiceGroupId_option_selected" aria-owns="ServiceGroupId_listbox" unselectable="on"

>

<

span class="k-dropdown-wrap k-state-default" unselectable="on"

>

<

span class="k-input" unselectable="on">Telecommunications</span

>

<

span class="k-select" unselectable="on"

>

<

span class="k-icon k-i-arrow-s" unselectable="on">select</span></span></span

>

<

input name="ServiceGroupId" id="ServiceGroupId" style="display: none;" type="text" value="437" data-val-required="The Service Group field is required." data-val-number="The field Service Group must be a number." data-val="true" data-role="dropdownlist"></span

<script>

jQuery(function(){jQuery("#ServiceGroupId").kendoDropDownList({"dataSource":[{"Id":437,"Name":"Telecommunications"},{"Id":438,"Name":"UGIS - Alaska - Technical/Business"},{"Id":439,"Name":"UGIS - AP - Technical - Australia"},{"Id":440,"Name":"UGIS - Canada - Business"},{"Id":441,"Name":"UGIS - Canada - Technical"},{"Id":442,"Name":"UGIS - Europe \u0026 W Africa - Technical - Norway"},{"Id":443,"Name":"UGIS - L48 - TIS"},{"Id":394,"Name":"CGIS - Risk Management - Price Feeds"},{"Id":395,"Name":"Common Operating Environment (Client and Server)"},{"Id":396,"Name":"Corporate Records Management - Core"},{"Id":397,"Name":"CSGIS - Corporate Staffs GIS Admin"},{"Id":398,"Name":"CSGIS - GFS - Treasury Services"},{"Id":399,"Name":"CSGIS - GRFS"},{"Id":400,"Name":"CSGIS - HR - Medical"},{"Id":401,"Name":"CSGIS - HR - NA Leveraged Service Center"},{"Id":402,"Name":"CSGIS - HSE - Admin"},{"Id":403,"Name":"CSGIS - HSE - Risk Mgmt"},{"Id":404,"Name":"CSGIS - Legal"},{"Id":405,"Name":"CSGIS - Political Action Committee"},{"Id":406,"Name":"CSGIS - T\u0026MP - Global Procurement Services"},{"Id":407,"Name":"CSGIS - Tax"},{"Id":408,"Name":"DGIS - Germany"},{"Id":409,"Name":"DGIS - Mkt Leveraged Svc Retail Svc - JetLink"},{"Id":410,"Name":"DGIS - Mkt Leveraged Svc Retail Svc - LOPS"},{"Id":411,"Name":"DGIS - Mkt Leveraged Svc Retail Svc - R\u0026M"},{"Id":412,"Name":"DGIS - Mkt Leveraged Svc Retail Svc - RSI"},{"Id":413,"Name":"DGIS - Mkt Leveraged Svc Retail Svc - SKPI"},{"Id":414,"Name":"DGIS - Mkt Leveraged Svc S\u0026T Svc - iCAST"},{"Id":415,"Name":"DGIS - Mkt Leveraged Svc S\u0026T Svc - Medata"},{"Id":416,"Name":"DGIS - Mkt Leveraged Svc S\u0026T Svc - TAS"},{"Id":417,"Name":"DGIS - Retail Marketing"},{"Id":418,"Name":"DGIS - Specialties - Lubes Finished"},{"Id":419,"Name":"DGIS - Specialties - Solvents"},{"Id":420,"Name":"DGIS - US Refining \u0026 Tehnology - Leveraged"},{"Id":421,"Name":"DGIS - US Refining Direct - Bayway"},{"Id":422,"Name":"DGIS - US Refining Direct - LA"},{"Id":423,"Name":"DGIS - US Refining Direct - Lake Charles"},{"Id":424,"Name":"DGIS - US Refining Direct - LC"},{"Id":425,"Name":"DGIS - US Refining Direct - Rodeo"},{"Id":426,"Name":"DGIS - US Refining Direct - WoodRiver"},{"Id":427,"Name":"DGIS - Warwick"},{"Id":428,"Name":"DGIS - Wholesale Marketing"},{"Id":429,"Name":"DGIS -Transportation - Marine"},{"Id":430,"Name":"DGIS -Transportation - PL\u0026TRM"},{"Id":431,"Name":"DGIS -Transportation - Trk\u0026RL"},{"Id":432,"Name":"Financial Consolidation Service"},{"Id":433,"Name":"Global SAP - Production Support - Core Modules"},{"Id":434,"Name":"Land Information Services (Tobin)"},{"Id":435,"Name":"Performance Services"},{"Id":436,"Name":"Prod, Rev, Reg \u0026 Accting Solutions (Novistar)"},{"Id":390,"Name":"CGIS - Crude \u0026 Products - Americas Crude Systems"},{"Id":391,"Name":"CGIS - Crude \u0026 Products - STAR"},{"Id":392,"Name":"CGIS - Gas \u0026 Power"},{"Id":393,"Name":"CGIS - Risk Management - Non-Price Feeds"}],"dataTextField":"Name","autoBind":false,"dataValueField":"Id","optionLabel":"-- None --"});});

</script>

DropDownList

answered on 20 Sep 2013

1 answer

484 views

Recurrence(Repeat) and Popups

Hi..
I have to question first is how can I hide the Recurrence option (Repeat Daily, Weekly,Monty,Yearly).
Second how can I show Popups without closing the Event window. For example when I'm creating an event I have a function that return a null value if there is an event schedule at that time so I'm popping up a window that says there is a conflict on the event so I cancel the changes in the datasource (scheduler.dataSource.cancelChanges()) which is closing the event message window. I want to keep it open and just show an extra message.

Scheduler

answered on 20 Sep 2013

8 answers

332 views

ERROR - Setting the kendo.culture to it-IT on numerictextbox (on IPAD)

Setting the kendo.culture to en-US (also de-DE), when I write (numerictextbox) example 1.34 the widget turns it into 134 (on IPAD)

http://demos.kendoui.com/web/globalization/index.html

Globalization

answered on 20 Sep 2013

2 answers

119 views

Disable cascading functionnality

Hello,

I'm using the PanelBar and my problem is that when i have UL elements imbricated in others UL elements, the UL children have the PanelBar functionnality activated althought i don't want it so.

Code example (i don't want the UL with the "NOT-EXPANDABLE" class to be used as a PanelBar) :

<ul class="expandable">

<li>

Projects

<ul>

<li>

Sales Forecasts

<ul class="NOT-EXPANDABLE">

<li>Q1 Forecast</li>

<li>Q2 Forecast</li>

<li>Q3 Forecast</li>

<li>Q4 Forecast</li>

</ul>

</li>

<li>Sales Reports</li>

</ul>

</li>

</ul>

Thanks a lot for your help !

PanelBar

answered on 19 Sep 2013

2 answers

105 views

Data Grid Remote Binding not working

Maddening... Trying to utilize AJAX reads with a Kendo Grid. I've done quite a few binding to data passed down from the model. I copy the code straight from the KendoUI site and tweak to meet my demands:

@(Html.Kendo().Grid<FaultReport2.Models.usp_CMC_TopIssues_Result>()

.Name("grid")

.Columns(columns =>

{

columns.Bound(p => p.description).Title("Description");

columns.Bound(p => p.responsible).Title("Responsibility");

columns.Bound(p => p.charged_time).Title("Time");

columns.Bound(p => p.responsible).Title("Responsible");

columns.Bound(p => p.root_cause).Title("Root Cause");

columns.Bound(p => p.counter_measure).Title("Countermeasure");

columns.Bound(p => p.status).Title("Status");

})

.Pageable()

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(10)

.Read(read => read

.Action("cmcTopIssues", "FaultInfo", new { equipment_id = Model.area_id, start_date = Model.start_date })

)

Controller code for the read.Action():

public ActionResult cmcTopIssues(int equipment_id, DateTime start_date)

{

var db = new Models.FAULTEntities1();            var top_issues = db.usp_CMC_TopIssues(equipment_id, start_date).ToList();            return Json(top_issues, JsonRequestBehavior.AllowGet);

}

Does not work. I verify that my cmcTopIssues method is being called and that the top_issues var is being filled. It just does not populate the grid.When I switch over to local and pass the data down through the model, it works fine.

Any help would be appreciated.

Grid

answered on 19 Sep 2013

1 answer

621 views

Load external page

Loading External Page - Telerik
I've been trying to get the Telerik example to work hoping that it would be possible with kendo window control as well with no success.. It would not display anything at all inside my window

Can somebody help?

Window

answered on 19 Sep 2013

2 answers

49 views

Chart Value Axis - Changes it's range (not sure why)

If I have a value that is 12.5 and another at 11 the chart displays correctly (it's range is 9.50 to 13.50). (See Screenshot attached)

If I have a value that is 8 and another at 5.5 the chart displays incorrectly (it's range is 0 to 10). (See Screenshot attached)

How can I get it to never show the range all the way down to 0?

http://i.imgur.com/Arq5arE.png

Charts

answered on 19 Sep 2013

2 answers

267 views

KendoUI not handling ID with special characters

If I'm using
<input id="LAYOUTID" />;
$("#LAYOUTID").kendoComboBox();
var comboboxItem = $("#LAYOUTID");
var ds = comboboxItem.data("kendoComboBox");
it is al working fine, i get a valid ds.

Hower if i use a different ID (a valid jquery and html ID), it is not working
<input id="struct:LAYOUTID" />;
$("#struct:LAYOUTID").kendoComboBox();
var comboboxItem = $("#struct:LAYOUTID");
var ds = comboboxItem.data("kendoComboBox");
I get no error, but ds is null and there is no combobox generated. As far as i can see, the problem is the ":" sign.

Is this an error, or are the valid characters different for Kendo. If so, which are valid characters (i would prefer to have some special characters)

Thanks,

Ivor

ComboBox

answered on 19 Sep 2013

1 answer

114 views

How to rebind vew in viewmodel in KendoUI Mobile

I have a "view" that is binded to a viewmodel, what i want is reset that viewmodel whenever i click the backbutton and then re-initialize/re-bind it again so the values are cleared.

I followed the documentation for MVVM
http://docs.kendoui.com/getting-started/mobile/mvvm

and i used the data-show attribute to call a function that clears my viewmodel but it doesnt work.

General Discussions

answered on 19 Sep 2013