Questions on Kendo UI for jQuery Forum

1 answer

407 views

Hello,



Is it possible to have a DataSource read and combine from multiple json files?



Something like:


var ds1 = new kendo.data.DataSource({
    transport: {
        read: [
            { url: function() { return "data/Monday.json"; }, dataType: "json"},
            { url: function() { return "data/Tuesday.json"; }, dataType: "json"} 
            ]
    },

If not, is there an alternative that allows combining DataSources together?

Data Source

answered on 17 Jun 2013

4 answers

165 views

[Solved] Kendo Grid Edit Popup Issue

Hi, Can any one help me o resolve this small issue.

When I click on edit button the popup will appear. On the edit popup The field "CustomerID" change to dropdownlist and it's being populated with the the other data source. But in some record the First Option become pre-selected while in some other records the pre-selected option is the one which is value of the field before editing. Please see the attach screen shoot for better understanding and code snippet. Looking forward to get a answer.

Grid

answered on 15 Jun 2013

3 answers

315 views

Rebind Parent Grid on deletion of Child Grid Item

Hi,

I currently have a Parent Grid which houses another grid in the Detail View. Each Item in the Detail grid has a "Revenue" column which rolls up into the Parent Item's fields. I'm already using the "grid.dataSource.read()" method to rebind my grid any time a new item is added (shown below). However, I cannot seem to find how to fire this same method after an item in the Detail Grid is Destroyed.

//Update Revenue at Bid Grid

var UpdateRevenueGrid_Bid = function () {

var grid = $("#RevenueBranchesAtBidGrid").data("kendoGrid");

grid.dataSource.read();

};

Is it possible to rebind the Parent Grid immediately after Destroy is called on the Detail Grid?

NOTE: I'm running Kendo UI Q1 2013 with Razor

Thanks,
Landon

Grid

answered on 14 Jun 2013

2 answers

608 views

how to conditionally apply row template

Let's say I have two row templates, normal and urgent, and which template is to be applied to the row will depend on the value in the row's {status} field. How and where would the desired template be applied to the row such that when the user groups the grid, the template will travel with the row?

<script id="urgentRowTemplate" type="text/x-kendo-tmpl">

<tr class="urgent">

<td> ${name} </td>

<td> ${reasonForCall} </td>

<td> ${status} </td>

</tr>

</script>

<script id="normalRowTemplate" type="text/x-kendo-tmpl">

<tr class="normal">

<td> ${name} </td>

<td> ${reasonForCall} </td>

<td> ${status} </td>

</tr>

</script>

Grid

answered on 14 Jun 2013

3 answers

250 views

[Solved] MVVM Grid and toolbar

I have an kendo.Grid that is using initializing from JSON (MVVM paradigm). It all works fine until made it editable and added a toolbar. The destroy functions are working just fine.

But the SaveChanges in the toolbar does not seem to do anything. Why do I say that? Because if I hit [Cancel Changes] button in the toolbar, all rows are deleted, and I am left with an empty Grid (only headers).

<div id="layerTable"

class="Part"

data-role="grid"

data-column-menu="true"

data-filterable="true"

data-sortable="true"

data-scrollable="false"

data-resizable="true"

data-reorderable="true"

data-groupable="true"

data-editable="{confirmation: false}"

data-bind="source: LayerTable"

data-toolbar='["save","cancel"]'

data-columns='[

"Class",

"Type",

"FileCount",

{field: "Size",

format: "{0:n3} MB",

},

{field: "Date",

format: "{0:F}" },

"Path",

{command: "destroy"},

]'>

</div>

Grid

answered on 14 Jun 2013

2 answers

177 views

Unable to login to account using Chrome

I noticed that the login page for this site does not respond to pressing the Login button when using Chrome. I logged in with Firefox to post this.

The reason seems to be due to a failure to load script resources from https://ajax.microsoft.com/ajax/4.0/2/... (screenshot attached).

When testing by loading https://ajax.microsoft.com/ajax/4.0/2/WebUIValidation.js directly, it returns error 324 (net:: ERR_EMPTY_RESPONSE) in Chrome, but loads fine in FireFox. Odd.

You may want to consider using local resources to avoid the dependency on the Microsoft server.

Regards,
Gary

General Discussions

answered on 14 Jun 2013

5 answers

133 views

NumericTextBox malformed on Firefox 21 on MacOS

Running the shipped example on Firefox 21 on MaxOS 10.8.3, the height seems off and the layout is generally non-optimal. This is with the kendoui.complete.2013.1.319.commercial.zip.

See attached screenshot.

NumericTextBox

answered on 14 Jun 2013

1 answer

124 views

Scrolling div inside ModalView

I have the following div on my page:

<div data-role="modalview" id="MessageBeforeEnteringWebRes" style="padding:0.25em 1em 1em 1em;min-height:5em;max-height:20em;height:auto;">

<div data-role="header" style="border-bottom:1px solid #ccc" class="marginbottom1"><span>@Model.CurrentContext.Club.ClubName</span></div>

<div style="overflow:scroll; -webkit-overflow-scrolling:touch; max-height:8em;" class="marginbottom1">

@MvcHtmlString.Create(Model.CurrentContext.Club.MessagesSettings.MessageBeforeEnteringWebRes)

</div>

@if (Model.CurrentContext.Club.MessagesSettings.AllowUserToDisableMessagesBeforeEnteringWebRes.ToString().ToLower() == "true")

{

<div id="UserEditDisableMessage" style="padding-left:0.5em;" class="marginbottom1">

<label for="DoNotDisplayMessage"><input type="checkbox" id="DoNotDisplayMessage" style="padding-right: 0.5em"/>Disable messages for future visits.</label>

</div>

}

<div class="center marginbottom1"><input value="OK" id="btnDoNotDisplayMessage" onclick="onOKDoNotDisplayMessage()" class="button button1" type="button" style="width:5em"/></div>

</div>

Everything works fine except this scrolling piece (the created string contains paragraph tags but a generic string causes the same problem to occur):

<div style="overflow:scroll; -webkit-overflow-scrolling:touch; max-height:8em;" class="marginbottom1">

@MvcHtmlString.Create(Model.CurrentContext.Club.MessagesSettings.MessageBeforeEnteringWebRes)

</div>

The weird part is that I use similar code on a different page but in a template and that works fine. Is there something that the modalview does to prevent scrolling in this matter? I notice if I remove the max-height part on the scrolling div the whole modalview will scroll.

ModalView

answered on 14 Jun 2013

1 answer

336 views

[Solved] Update of row causes row to disappear

I am binding a grid to a datasource. The datasource is configured with a model. I use the transport configuration to read/write data. There is a dropdown column bound to another static datasource.
When I make an edit to a field and click the Update command button, the row disappears, but the space for it is still there. If I then update another field, the row collapses completely.
The data does save and it will show up on a page refresh (in my real real project, not the attached demo).
Attached is a VS2012 project showing the problem. It is not my working project that actually connects to the database, etc, but it does still demonstrate the issue.
Also attached is a screenshot.

Grid

answered on 14 Jun 2013

5 answers

459 views

newbie Kendo Window content question

I have 2 questions.

Question1) Is it possible to initialize/widgetify kendo window content

eg
var mywindow = $("<div/>").kendoWindow({
width: "300px",
height: "200px",
title: "Some title",
modal: true
});

var kendoWindow = mywindow.data("kendoWindow");
var mycombo = "<input id="comboBox"/>";
var windowcontent = kendoWindow.content(_mycombo);

//can i make mycombo into widget ...code below doesnt work gives a jquery error
$(windowcontent).kendoComboBox({
dataTextField: "text",
dataValueField: "value",
dataSource: [
{ text: "Item1", value: "1" },
{ text: "Item2", value: "2"}]
});

Question2) If I have this code

var myoptions = {a:"some text", b:"more text"};
var mywindow = $("<div/>").kendoWindow({
width: "300px",
height: "200px",
modal: true,
title: myoptions.a,
content:"test.html"
});

How do i pass 'myoptions' object into test.html? (does it have to be a global variable?)

thanks
kashim

Window

answered on 14 Jun 2013