Questions on Kendo UI for jQuery Forum

1 answer

510 views

I've got "nested" json data that I'm attaching as local data to the datasource of a grid. Each row has some normal "flat" values (like "rowID"), and also "keyedInfo" array, which in turn is also an array (keys like "key1" and "key2") where one attribute of each element ("theVal") is of interest for displaying as a grid column. I've got a simple example in the dojo:

I'm never to sure how much support the DataSource has for nested data, but by specifying "keyedInfo: {}" in the dataSource fields definition, this mostly works! I can specify "keyedInfo['key1'].theVal" as an entry in the grid's "columns" definition, and it displays the appropriate value from the data. I can also, as expected, do aggregate totals of the flat attributes (like "count" on rowID). However, there doesn't seem to be any way to aggregate the columns that are from the nested values.

I have {field: "keyedInfo['key1'].theVal, aggregate: "sum"} entries in the dataSource aggregate definition, and it doesn't raise any errors, so it is either being ignored or actually calculating the aggregate. But a footerTemplate of "#=sum# for these sorts of columns raises a Javascript error that "sum" isn't defined (uncomment one of them in the dojo example to see this). Is there any chance that the aggregate has been calculated and I just need a more complex reference in the template?

If not, is there any hope that support might get extended to this case? I suspect that the lack of definition support in the "schema" may be preventing the aggregate from having a way to refer/store the desired aggregate, but it would be very nifty if a way could be found - flattening the data source will be a pain.

Grid

answered on 07 Jun 2016

6 answers

420 views

Pass resources to custom popup template

Just editing your Scheduler example and if I create a custom template for the popup form to create a new event I have no access to the resources like you have in the stock popupform. How do I create that dropdown with the list of users from the resources in my custom template? Thanks.

Scheduler

answered on 07 Jun 2016

1 answer

313 views

Filter and/or Redraw a Diagram

I have a diagram that I finally got working, but with 8000 nodes in the org chart, I've been trying to filter based on "levels" to no avail.

Is it possible to filter the datasource for a diagram and have the diagram redraw? The data is, for the most part local data (populated via ajax as that is the only way I could get this thing to show properly). I reload the local data then try to .fetch(), and .read(), but nothing works.

I've also tried to destroy the diagram and recreate it, but that seems to kill the DOM.

So, I though I could just filter the datasource based on the "level". Is this possible?

Tim

Diagram

answered on 07 Jun 2016

3 answers

307 views

[Solved] Treemap Click Event Error - Dynamic binding data

Hi,

My view loads treemap data dynamically, if you click on treemap tile it nevagate to URL which working perfectly fine. but There are custom filter option on page which will rebind treemap with new data.

Problem from here, So i apply filters (rebind treemap data) and click on tile of treemap it works and open popup 2 times, say suppose if i applied filter 5 times (rebind dynamic data 5 times with treemap) and i click on tile, it execute click event 5 times.

Page with treemap & custom filter option, when i change filter option and click on apply filter will again build tree with new data.

createTreeMap();
$(document).bind("kendo:skinChange", createTreeMap);

function createTreeMap() {

$("#treeMap").kendoTreeMap({
dataSource: {
transport: {
read: {
url: buildUrl,

dataType: "json"
}
},
schema: {
model: {
parameterid: "ParameterMID",
hasChildren: "HasChild",
children: "ParameterChilds"
}
}
},
textField: "ParameterName",
valueField: "ParameterWeight",.....and more

}

I hope you understand what i mean.

TreeMap

answered on 07 Jun 2016

1 answer

152 views

[Solved] Vertically Align Drawer to Top in Nova Theme

How do I vertically align list items in drawer to top in Nova Theme?

I would like it to appear like this

----------

Item

item

space

---------

Not like this

----------

space

item

space

----------

Thanks

Drawer (Mobile)

answered on 07 Jun 2016

3 answers

197 views

Samples

I am very new to this. I have never used MVC. Nor have I every used JQuery. I apologize for my simple question.

As I look through your demos, I see many different and SIMPLE versions of your controls. There is documentation using JavaScript,. There are ASPX samples. There are Razor examples. There are controls that use the HTML helper method. There are examples using the JQuery to convert a DIV into an AutoComplete. It is very frustrating trying to find a consistent, thorough example using any one of those methods. Then it is very difficult to find Kendo stuff too. This is why I am having trouble trying to find my answer.

I want to use VS 2012, MVC 4, JQuery, and Razor with your AutoComplete control to retrieve a dataset based on user input. The table of information I am hitting has 10,000 rows. Each row is very wide (70 fields or so). I want to use this AutoComplete to drive the detail record to be shown in the detail view.

CSHTNL Code:

@(Html.Kendo().AutoComplete()

.Name("policyComboBox") //The name of the combobox is mandatory. It specifies the "id" attribute of the widget.

.DataTextField("POL_Policy_Number") //Specifies which property of the Product to be used by the combobox as a text.

.Filter(FilterType.Contains)

.MinLength(3)

.DataSource(source =>

{

source.Read(read =>

{

read.Action("GetPolicyList", "PolicyReview") //Set the Action and Controller name

.Data("onAdditionalData");

})

.ServerFiltering(true); //If true the DataSource will not filter the data on the client.

})

)

<script>

function onAdditionalData() {

return {

text: $("#policyComboBox").val()

};

}

function requestData(selector) {

var combobox = $(selector).data("kendoComboBox"),

filters = combobox.dataSource.filter(),

value = combobox.input.val();

if (!filters) {

value = "";

}

return { text: value };

}

</script>

and my PloicyReviewController.cs:

public JsonResult GetPolicyList()

{

IQueryable<POLICY> POLCY = (from p in ctxt.Policies

select p);

return Json(POLCY, JsonRequestBehavior.AllowGet);

}

Every time I open the view, I get the controller starting immediately. It then returns too many rows to deal with and the view stops working or I get the Yellow Page of Death or the dev server eats up my entire RAM.

Please help. I have been struggling with this and am getting quite discouraged about using your Kendo UI Suite.

Thank you, Larry

AutoComplete

answered on 06 Jun 2016

1 answer

628 views

Kendo UI Group Header Template

Hi ,

I have a query related to grouping feature. Can this feature is available in Kendo UI

1) Can we get the aggregate values in the groupheader template at the respective column position. screen shot is attached. marked in red color.

2) Can we get only the summary columns in Kendo UI. Not the child rows (marked in yellow color). only needed aggregate values.

Thanks,

JKM

Drag and Drop

answered on 06 Jun 2016

13 answers

137 views

Blank screen on certain Android devices with Android 5.x

Hi,

We ran into a problem described on the following thread:

http://www.telerik.com/forums/blank-screen-on-certain-android-devices-with-android-5-x?actionMode=replyThread

In a nutshell, certain users, on Android 5.x complain of empty screen when trying to scroll the app.

The suggestion was to try to use CrossTalk - but it did not solve our issue. Given that it did not work, we were referred to this forum for potential help - I am wondering if anyone here knows how to overcome this issue.

Thanks,

Ron.

Application

answered on 06 Jun 2016

2 answers

174 views

Nested grid error after deployment

I have the following code:

@(Html.Kendo().Grid<CheckinViewModel>()

.Name("grid_#=SubmissionLineItemId#")

.Columns(cols =>

{

cols.Command(cmd => cmd.Destroy()).Width(100);

cols.Bound(ci => ci.Id).Hidden();

cols.ForeignKey(ci => ci.StorageAreaId, (IEnumerable)ViewData["storageAreas"], "Id", "Name").Title("Storage Area");

cols.Bound(ci => ci.Quantity);

cols.Bound(ci => ci.Bags);

cols.Bound(ci => ci.Buckets);

cols.Bound(ci => ci.Jars);

})

.ToolBar(tb =>

{

tb.Create().Text("Add Checkin");

tb.Save();

})

.Editable(ed => ed.Mode(GridEditMode.InCell))

.DataSource(ds => ds.Ajax()

.Read(read => read.Action("Get", "Checkins", new { submissionItemId = "#=SubmissionLineItemId#" }))

.Update(update => update.Action("Update", "Checkins"))

.Create(create => create.Action("Create", "Checkins", new { submissionId = @Model.Id, submissionItemId = "#=SubmissionLineItemId#" }))

.Destroy(destroy => destroy.Action("Delete", "Checkins"))

.Batch(true)

.Model(m =>

{

m.Id(ci => ci.Id);

m.Field(ci => ci.StorageArea).Editable(false);

})

.Events(ev => ev.RequestEnd("updateSubmissionGrid"))

)

.ToClientTemplate())

This all works fine running through Visual Studio (development server). However, when I deploy it to my test server, something (I'm not 100% sure what) causes an error. The message "Uncaught SyntaxError: Unexpected token ILLEGAL" (found in the Console of the Chrome browser tools) appears when I expand a row in the parent grid. Subsequently clicking the "Create" button causes an error on my server-side code, as the IDs ("#=SubmissionLineItemId#") are not substituted. Any idea what could cause this?

Grid

answered on 06 Jun 2016

2 answers

670 views

[Solved] Is there a grid system similar to bootstrap 12 column grid system available in Kendo UI

Hi

I am trying to see if there is a grid system for styling the UI in similar lines with the Bootstrap 12 column grid system. I want to move away from using the bootstrap altogether and as a first step looking at figuring out the layout of the web page. I tried to search the forums, but most of the grid questions pivot around the datagrid.

Thank you

-YK

General Discussions

answered on 06 Jun 2016