or
0 answers
107 views
Hi,
Can I get the current state of the Kendo UI GRID?
What i'm trying to do is allow my end users to change a grid according to their specifications(filtering, sorting, column reorder) using functionalities that come out of the box with Kendo UI. However, what I want to know is after the user does their specifications, is there any way for me to get a snapshot, a json/xml string or anything else that I can save and later load back onto the grid?
Can I get the current state of the Kendo UI GRID?
What i'm trying to do is allow my end users to change a grid according to their specifications(filtering, sorting, column reorder) using functionalities that come out of the box with Kendo UI. However, what I want to know is after the user does their specifications, is there any way for me to get a snapshot, a json/xml string or anything else that I can save and later load back onto the grid?
3 answers
150 views
Hi all,
I couldn't find a solution into the forum.
How can I prevent from writing into the control box?
I'd like to allow the user to - only - set the date from the calendar panel.
Thanks a lot.
Matteo
I couldn't find a solution into the forum.
How can I prevent from writing into the control box?
I'd like to allow the user to - only - set the date from the calendar panel.
Thanks a lot.
Matteo
Matteo
Top achievements
Rank 1
Rank 1
answered
on
21 Sep 2012
1 answer
324 views
Given the following HTML, where the <div id="jobsGrid"> is transformed to a kendoGrid, how can I get it to expand to fill the page?
<h1>@Model.Name</h1>
<h2>Welcome User</h2>
<h4>Jobs:</h4>
<div id="jobsGrid"></div>
<h1>@Model.Name</h1>
<h2>Welcome User</h2>
<h4>Jobs:</h4>
<div id="jobsGrid"></div>
Iliana Dyankova
Telerik team
answered
on
21 Sep 2012
1 answer
262 views
Hi,
I tried to load kendoEditor inside JQuery dialog, I created my own knockoutjs custom binding for this.
All works fine except on Insert Image & Create Link dialog, all fields are disabled there.
Please checkout this fiddle: http://jsfiddle.net/budiadiono/K8Kdr/2/, and try to insert image and link there.
Thanks in advance!
-- Budi
I tried to load kendoEditor inside JQuery dialog, I created my own knockoutjs custom binding for this.
All works fine except on Insert Image & Create Link dialog, all fields are disabled there.
Please checkout this fiddle: http://jsfiddle.net/budiadiono/K8Kdr/2/, and try to insert image and link there.
Thanks in advance!
-- Budi
1 answer
135 views
Good day!
In the application we are developing we are using the Kendo grid to show large quantity's of data. We also want to combine this with the edit functionality of the grid. Users can edit the data in the pop-up.
In my test application, this works great. I get a nice pop-up with the edit fields, and the fields that I disabled in the schema are not editable, as they are supposed to be. But when converting this to our application situation we run into some small problems.
The test application where it works can be found here: http://jsfiddle.net/bartfukkink/v8VJA/
In this example, we want our Columns and sorting information to be provided trough an Ajax call. This way, our customers will always have the same layout as they had when they last used the screen. I got working neatly now, using JSON to create a object and use that in the initialisation of the grid.
So far so good. Now I want to also get the Schema information working this way. So I create a schema (ruby - server side ) and get that over correctly. But I just can not get it to use the schema to restrict the editing the user can do.
Does anyone have any documentation that could help with this? Especially in what kind of format the result of the schema should be?
If I supply the schema like this (unparsed JSON) and supply it to the Schema property of the DataSource, this is not used.
Any help would be greatly appriciated.
In the application we are developing we are using the Kendo grid to show large quantity's of data. We also want to combine this with the edit functionality of the grid. Users can edit the data in the pop-up.
In my test application, this works great. I get a nice pop-up with the edit fields, and the fields that I disabled in the schema are not editable, as they are supposed to be. But when converting this to our application situation we run into some small problems.
The test application where it works can be found here: http://jsfiddle.net/bartfukkink/v8VJA/
In this example, we want our Columns and sorting information to be provided trough an Ajax call. This way, our customers will always have the same layout as they had when they last used the screen. I got working neatly now, using JSON to create a object and use that in the initialisation of the grid.
So far so good. Now I want to also get the Schema information working this way. So I create a schema (ruby - server side ) and get that over correctly. But I just can not get it to use the schema to restrict the editing the user can do.
Does anyone have any documentation that could help with this? Especially in what kind of format the result of the schema should be?
If I supply the schema like this (unparsed JSON) and supply it to the Schema property of the DataSource, this is not used.
{"model":{"id":"test","fields":{"ProductID":{"type":"Number","editable":false},"ProductName":{"type":"String"},"UnitPrice":{"type":"Number"}}}}Any help would be greatly appriciated.
1 answer
130 views
How to add 'Menu' next to title of 'Window' Component or on hover of custiom icon how to populate a menu with 4 items
Thanks,
Chetan
Thanks,
Chetan
Dimo
Telerik team
answered
on
21 Sep 2012
0 answers
148 views
Hi there
I am using the following code, which renders the correct brand (from a list of brands) and all the appropriate ranges applicable to that brand, with the correct brand selected. All good so far :)
I would like to be able to select a different brand and for it to reload the ranges as appropriate, but as soon as I uncomment the 'cascadeFrom' line the whole thing falls apart:
1) The appropritae Brand is not selected
2) The range is disabled, but even if I select a brand is returns zero results
I presume this is something to do with the datasource having the @Model.BrandID defined as a parameter and needing to clear this? :-/ Any advice would be greatly received. Thank you.
I am using the following code, which renders the correct brand (from a list of brands) and all the appropriate ranges applicable to that brand, with the correct brand selected. All good so far :)
<div class="formElement"> <label for="brands">Brand:</label> <input id="brands" value="@(Model.BrandID)" /></div> <div class="formElement"> <label for="ranges">Ranges:</label> <input id="ranges" value="@(Model.RangeID)" /></div><script type="text/javascript"> var brandSource, rangeSource; $(document).ready(function () { brandSource = new kendo.data.DataSource({ error: handleError, transport: { read: { url: "@Url.Action("Brands ", "DropDown ")", type: "POST" } }, batch: false, schema: { model: { id: "Value", fields: { Value: { type: "number" }, Text: { type: "string" } } } } }) rangeSource = new kendo.data.DataSource({ error: handleError, transport: { read: { url: "@Url.Action("Ranges ", "DropDown ", new { brandId = Model.BrandID })", type: "POST" } }, batch: false, schema: { model: { id: "Value", fields: { Value: { type: "number" }, Text: { type: "string" } } } } }) $("#brands").kendoComboBox({ placeholder: "Select brand...", dataTextField: "Text", dataValueField: "Value", dataSource: brandSource }); $("#ranges").kendoComboBox({ //cascadeFrom: "brands", placeholder: "Select range...", dataTextField: "Text", dataValueField: "Value", dataSource: rangeSource }); });</script>I would like to be able to select a different brand and for it to reload the ranges as appropriate, but as soon as I uncomment the 'cascadeFrom' line the whole thing falls apart:
1) The appropritae Brand is not selected
2) The range is disabled, but even if I select a brand is returns zero results
I presume this is something to do with the datasource having the @Model.BrandID defined as a parameter and needing to clear this? :-/ Any advice would be greatly received. Thank you.
2 answers
94 views
When you add a modalview inside a view in a pane of a splitview:
1) the modalview can only be opened if the parent view is active (no way to share it across views via a layout navbar),
2) the modalview opens in that pane, which means the width is limited by the size of the pane.
I would like:
1) to open the modalview on top of the splitview, in the center of the screen
2) share a button in header through a layout an be able to open the modalview whatever view is displayed in teh background
A bug? a design trade-off? my mistake and in this case any sample available?
1) the modalview can only be opened if the parent view is active (no way to share it across views via a layout navbar),
2) the modalview opens in that pane, which means the width is limited by the size of the pane.
I would like:
1) to open the modalview on top of the splitview, in the center of the screen
2) share a button in header through a layout an be able to open the modalview whatever view is displayed in teh background
A bug? a design trade-off? my mistake and in this case any sample available?
1 answer
393 views
My code is like below this.I am trying to replace content URL and title for my current tabs.I am not able to do that successfully and it is showing me same view.Am I doing something wrong or please show me example so I can able to do that.
src = /Account/Register
var tabStrip = $("#tabs").data("kendoTabStrip");
$($('#tabs').find('k-link')).data('contentUrl', src);
$($('#tabs').find('k-link')).data('text', title);
tabs.select(tab.index());
tabStrip.reload();
src = /Account/Register
var tabStrip = $("#tabs").data("kendoTabStrip");
$($('#tabs').find('k-link')).data('contentUrl', src);
$($('#tabs').find('k-link')).data('text', title);
tabs.select(tab.index());
tabStrip.reload();
Iliana Dyankova
Telerik team
answered
on
21 Sep 2012
3 answers
186 views
Hello,
I've noticed a bug with the the grid scroll when working with the virtualization of remote data.
When I try to scoll until the last row of the grid, sometime the last rows won't be displayed. Sometimes, I'll be able to see only the top part of the last row, sometime 1 to 5 rows won't be displayed at all and sometime, everything will be displayed correctly.
I did check on the server to make sure that all the data was returned and I looked carefully at my code to make sure there was no bug on the client side. Then I tried your virtualization of remote data demo and to problem occurs in your demo too.
To reproduce the bug on the Demo, sort the grid by OrderID in DESC order (For some reason, the bug won't occur in the ASC order)
Then take your mouse and scroll all the way down to the last row. The last OrderID is suppose to be 10248 and 50% of the time, it is. Then start to scroll up and down mutiple time and then go see the last row's OrderID. Do this 10+ times and you'll see a couple of different results.
Best regards,
Simon
I've noticed a bug with the the grid scroll when working with the virtualization of remote data.
When I try to scoll until the last row of the grid, sometime the last rows won't be displayed. Sometimes, I'll be able to see only the top part of the last row, sometime 1 to 5 rows won't be displayed at all and sometime, everything will be displayed correctly.
I did check on the server to make sure that all the data was returned and I looked carefully at my code to make sure there was no bug on the client side. Then I tried your virtualization of remote data demo and to problem occurs in your demo too.
To reproduce the bug on the Demo, sort the grid by OrderID in DESC order (For some reason, the bug won't occur in the ASC order)
Then take your mouse and scroll all the way down to the last row. The last OrderID is suppose to be 10248 and 50% of the time, it is. Then start to scroll up and down mutiple time and then go see the last row's OrderID. Do this 10+ times and you'll see a couple of different results.
Best regards,
Simon
Alexander Valchev
Telerik team
answered
on
21 Sep 2012
