or
1 answer
293 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
230 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
119 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
101 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
131 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
73 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
367 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
128 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
0 answers
285 views
Hi...I saw some examples on the internet regarding data binding using json in ListView but those things are not working in my case. I have a Controller named "Contact" and there is method named "Read", in Read () method I get the Contact list which I want to show in ListView in Mobile. Here is my View Code...
<div data-role="view" id="tabstrip-profile" data-title="Dashboard" data-layout="mobile-tabstrip"
data-init="initListView">
<ul data-role="listview" data-style="inset" data-type="group">
<li>
<ul id="contactList">
</ul>
</li>
</ul>
</div>
<script type="text/javascript">
var deviceJDS = new kendo.data.DataSource({
transport: {
read: {
contentType: "application/json; charset=utf-8",
type: "GET",
data: "{}",
dataType: "json",
url: "/Contact/Read"
}
},
schema: {
data: "d"
}
});
function initListView(e) {
e.view.element.find("#contactList").kendoMobileListView({
template: "<strong>#:data.DisplayName#</strong>",
dataSource: deviceJDS
});
}
var app = new kendo.mobile.Application(document.body);
</script>
<div data-role="view" id="tabstrip-profile" data-title="Dashboard" data-layout="mobile-tabstrip"
data-init="initListView">
<ul data-role="listview" data-style="inset" data-type="group">
<li>
<ul id="contactList">
</ul>
</li>
</ul>
</div>
<script type="text/javascript">
var deviceJDS = new kendo.data.DataSource({
transport: {
read: {
contentType: "application/json; charset=utf-8",
type: "GET",
data: "{}",
dataType: "json",
url: "/Contact/Read"
}
},
schema: {
data: "d"
}
});
function initListView(e) {
e.view.element.find("#contactList").kendoMobileListView({
template: "<strong>#:data.DisplayName#</strong>",
dataSource: deviceJDS
});
}
var app = new kendo.mobile.Application(document.body);
</script>
Mayank
Top achievements
Rank 1
Rank 1
asked
on
21 Sep 2012
2 answers
135 views
I have a following scenario: Mobile view renders blocks of data based on view model array using MVVM and templating.
I have also add and remove button to add and remove elements to/from array.
To reproduce my issue:
1. Suppose you have 3 elements that fit in your mobile view complete, so scrolling is not needed. (screenshot_1)
2. Push "Add" button and forth element appears on mobile view, scrolling now is active, scroll down to see buttons (screenshot_2)
3. Push "Remove" button, last element is removed from DOM, but view remains "scrolled" and the worst is - I could not scroll it up (screentshot_3)
Is it possible somehow to scroll view back? After some clicks It goes back, but on iPad I could not do anything, it stays as "scrolled up".
I prepared fiddle, I can this reproduce on Windows / Chrome, and iPad also, see also screenshots
http://jsfiddle.net/KuYTL/18/
I have also add and remove button to add and remove elements to/from array.
To reproduce my issue:
1. Suppose you have 3 elements that fit in your mobile view complete, so scrolling is not needed. (screenshot_1)
2. Push "Add" button and forth element appears on mobile view, scrolling now is active, scroll down to see buttons (screenshot_2)
3. Push "Remove" button, last element is removed from DOM, but view remains "scrolled" and the worst is - I could not scroll it up (screentshot_3)
Is it possible somehow to scroll view back? After some clicks It goes back, but on iPad I could not do anything, it stays as "scrolled up".
I prepared fiddle, I can this reproduce on Windows / Chrome, and iPad also, see also screenshots
http://jsfiddle.net/KuYTL/18/
Alex
Top achievements
Rank 1
Rank 1
answered
on
21 Sep 2012
