Questions on Kendo UI for jQuery Forum

1 answer

1.4K+ views

Display value in grid column based on conditional

I have a hierarchy Grid. The child grid has complex values used to define the columns. I need to do a conditional when defining what to display in the "Value" column. "Value" is of type NotificationEventConditionValueViewModel, which is defined as:

public class NotificationEventConditionValueViewModel
{
public string ValueString { get; set; }
public System.DateTime ValueDate { get; set; }
public bool ValueBoolean { get; set; }
}

In my child grid I am trying to do a conditional based on the type of Value, something like the following:

columns.Bound(e => e.Value).Title("Value").ClientTemplate("\\#if(NotificationEventConditionField.FieldType.Id == 5){\\#=Value.ValueBoolean\\#}else{\\#=Value.ValueString\\#}\\#").Width(80).HeaderHtmlAttributes(new { style = "font-weight: bold;text-decoration: underline;" });

The
"\\#if(NotificationEventConditionField.FieldType.Id == 5) evaluates fine, but the
{\\#=Value.ValueBoolean\\#} does not show the value I want, instead it show the string: #=Value.ValueBoolean.

Can you please help me to determine what I am doing wrong in the syntax. I am attaching some files. In the COnfigure.cshtml look for Grid "UDEGrid_#=Id#" which is the child grid, and Grid "notificationGridUDE" which is the parent grid. A am also attaching the view models.
Thank yoy very much in advance.

Grid

answered on 18 Sep 2013

3 answers

105 views

Error handling with splitter.ajaxRequest

Hi,

I use splitter.ajaxRequest to load content dynamically using MVC 4. Since I have the exact same problem, I found this thread:
Error in splitter.ajaxrequest (Only writing here, because the other forum is marked as depricated)

Is there a solution by now or anything planned in a future release?

Best regards

Splitter

answered on 18 Sep 2013

7 answers

733 views

Attempting to get an event on Validation

Hey there, I am a new Kendo UI Complete subscriber, and am having a bit of trouble with the "Validation" tool, specifically in reacting to it.

I have combed the documentation for a long time and cannot find anywhere that it shows how to subscribe to get notified when an input is validated (validateInput) or when validation has actually been performed ("validate").

I attempted to browse through the source code for this, as well, but was unable to discover anything.

I have tried simply subscribing to "validate" and "validateInput", but it seems as if there is never any kind of event triggered when these happen.

I need to be capable of responding to these behaviors, so is there anything that I can do?

Validation

answered on 18 Sep 2013

0 answers

108 views

Kendo UI grid issue

i have no problem

Window

asked on 18 Sep 2013

0 answers

93 views

Legend colors aren't the same as bar color

Hello, I am trying to make a simple stack chart. The problem is the colors on the legend aren't showing the right color for the chart.

I tried changing the color names to HEX and RGB but it still doesn't give me the right colors. I guess it reverts to the default.

Here is an example of the code on jsfiddle:
http://jsfiddle.net/SupremeA1/Cke4n/54/

Charts

asked on 17 Sep 2013

2 answers

104 views

Id when Binding to Remote Data in TreeView

I have an employees table that is binding to a TreeView. I then need to display the employee information when a node is double clicked on. Is there a way to pass the Id of each object that is displayed in the TreeView to a data-id attribute in the span tag that displays them?

TreeView

answered on 17 Sep 2013

1 answer

104 views

Data-init function occurring on second view show?

Hi,

I have a problem, I dont know why but my data-init function in a main view is being called when I navigate back to that page for the first time. Shouldn't it be called only when its displayed for the first time? I want to separate some initialization logic from show logic in the starting view.

View is defined as a first (and only) view inside the body element.

<div data-role="view" id="..." data-model="..." data-init="initFnc" data-show="show">
</div>

I create the app like this:
var app = new kendo.mobile.Application(document.body, { transition: "slide" });

So once again sequence of events, just to be clear:
1.app started, main view opened -> init and show functions called
2.navigate away, navigate back -> init and show functions called
3.navigate away, navigate back -> show function called

In step 2, I want to call only the "show" function.

Thanks!

General Discussions

answered on 17 Sep 2013

9 answers

4.2K+ views

Confirm dialog

Can you please tell me if there is any sample of confirm dialog (with custom buttons YES/NO, OK/Cancel etc.) made using KendoUI modal window?

Window

answered on 17 Sep 2013

2 answers

465 views

Can you override parts of the culture (not the whole culture) for individual NumericTextBox instances?

We have an application that allows for working in multiple currencies and supports localization. For example, I may speak US English but might be working (on the same page) with Yen, Euros, and US Dollars. As I work with/edit these currencies, I should see the decimal and thousands separator in US English but the currency symbol (and possibly positioning, decimal places, etc.) will change based on the currency.

We want to use the NumericTextBox for currency input and formatting, but it appears the currency format only comes from the ambient page-level culture - there isn't a straightforward way to say "use US English with these modifications just for this Yen currency entry textbox, and use US English with these different modifications just for this Euro entry textbox."

I am currently pursuing an option where I somehow replace the _format function on the NumericTextBox widget so it gets the culture but then also allows for field-level overrides before returning the complete number format.

Am I overlooking something obvious? Is there a better way to accomplish this?

NumericTextBox

answered on 17 Sep 2013

1 answer

77 views

Using IE 10, deleting table row in inline editor crashes kendo.

Go to the demo page in IE 10:
http://demos.kendoui.com/web/editor/inline-editing.html

Click anywhere and insert a multi-row table.
Delete a few rows and table editing will hang and you will get this error:

SCRIPT16389: Unspecified error.
kendo.all.min.js, line 20 character 6377

Works in Chrome.

Editor

answered on 17 Sep 2013