or
4 answers
118 views
I have the grid system correctly pulling the information from JSON, however I need to know if there is a way to add certain HTML elements to show up on the grid.
For example the grid shows all the columns of information about a music artist, but the last column I want to add a form with a submit button or a html link saying "Add to favorites" or "View artist".
All of the grid populating seems to be done in the backend of the js files and I dont know if there is an easier way or not.
Thank you
For example the grid shows all the columns of information about a music artist, but the last column I want to add a form with a submit button or a html link saying "Add to favorites" or "View artist".
All of the grid populating seems to be done in the backend of the js files and I dont know if there is an easier way or not.
Thank you
3 answers
225 views
Hi there,
We're trying first attempt at the DataSource, and it's not making the call....
Does the DataSource NEED a http address?
Cheers
We're trying first attempt at the DataSource, and it's not making the call....
var dataSource = new kendo.data.DataSource({ transport: { read: { // the remote service url url: "/Query/GetNews", // JSONP is required for cross-domain AJAX dataType: "json" } } });Does the DataSource NEED a http address?
Cheers
King Wilder
Top achievements
Rank 2
Rank 2
answered
on
16 Dec 2011
0 answers
44 views
Hi, I am using Rails, and I am new to web development. So I need some directions to follow.
My application needs to display a list of cars (in a grid).
When one car is selected, I need to display a list of sales of this car in a grid, inside a kendoWindow.
Whats is the best way to do this?
Where I need to write my javascript initialization code?
Thanks.
My application needs to display a list of cars (in a grid).
When one car is selected, I need to display a list of sales of this car in a grid, inside a kendoWindow.
Whats is the best way to do this?
Where I need to write my javascript initialization code?
Thanks.
paulo larini
Top achievements
Rank 1
Rank 1
asked
on
16 Dec 2011
3 answers
148 views
Is there no way to disable\enable the NumericTextBox?
On render, this input is active, and there doesn't appear to be an enable function
<input id="quantity" class="qty" value="1" disabled="disabled" />On render, this input is active, and there doesn't appear to be an enable function
Georgi Krustev
Telerik team
answered
on
16 Dec 2011
1 answer
78 views
Hi,I am using Rails as backend and I need to open a window that shows me the Index view from a model. I tried this:
$("#window").kendoWindow({
draggable: false,
resizable: false,
width: "500px",
height: "300px",
visible: false,
actions: ["Refresh", "Maximize", "Close"]
});
$("#listButton").click(function(){
var window = $("#window").data("kendoWindow");
window.title("List of cars");
content: "/cars";
window.center();
window.open();
});
But this does not works.
$("#window").kendoWindow({
draggable: false,
resizable: false,
width: "500px",
height: "300px",
visible: false,
actions: ["Refresh", "Maximize", "Close"]
});
$("#listButton").click(function(){
var window = $("#window").data("kendoWindow");
window.title("List of cars");
content: "/cars";
window.center();
window.open();
});
But this does not works.
paulo larini
Top achievements
Rank 1
Rank 1
answered
on
16 Dec 2011
1 answer
822 views
I have Kendo tab on kendo splitter and Kendo Grid on the tab inside splitter. When i set fixed height for kendo grid it flows out of the tab container instead of streching the container and providing scroll bar. Any suggestion is appreciated. I've attached sample file and code snippet
<div id="glaDocumentHost" class="glaReset">
<ul>
<li><label id="map">Grid</label></li>
</ul>
<div>
<div id="mecOutageGrid" style="height:100px"></div>
</div>
</div>
<div id="glaDocumentHost" class="glaReset">
<ul>
<li><label id="map">Grid</label></li>
</ul>
<div>
<div id="mecOutageGrid" style="height:100px"></div>
</div>
</div>
$("#glaDocumentHost").kendoTabStrip();
$("#mecOutageGrid").kendoGrid({
groupable: true,
sortable: true,
dataSource: new kendo.data.DataSource({data:[{text:"one", value:"one"}, {text:"one", value:"one"},{text:"one", value:"one"}, {text:"one", value:"one"},{text:"one", value:"one"}, {text:"one", value:"one"},{text:"one", value:"one"}, {text:"one", value:"one"},{text:"one", value:"one"}, {text:"one", value:"one"}]}),
columns: [{ title: "Site ID", field:"text" },
{ title: "Outage Started", field:"value" }]
});
Dimo
Telerik team
answered
on
16 Dec 2011
7 answers
169 views
Hello everyone,
In IE8 (version: 8.0.7601.17514), the file input button is displayed in front of the "Select..." label, even though it clearly was styled to look transparent. From the CSS:
As a work-around, the input button can be hidden and the click on the label can be forwarded to the file input button, like so:
Please fix it if possible.
Best Regards,
Wannes.
In IE8 (version: 8.0.7601.17514), the file input button is displayed in front of the "Select..." label, even though it clearly was styled to look transparent. From the CSS:
.k-upload-button input { ... filter:alpha(opacity=0); ...}As a work-around, the input button can be hidden and the click on the label can be forwarded to the file input button, like so:
$("#question-form-image-input").kendoUpload({ // ...});// Fix for IE rendering bug:if ($.browser.msie) { $("#question-form-image-input").hide().next("span").click(function () { $("#question-form-image-input").click(); });}Please fix it if possible.
Best Regards,
Wannes.
2 answers
111 views
I have added this code to try KendoAutoComple, but it only looks for data on the server the first time. What am I missing?
$('#autoCompletar').kendoAutoComplete({ minLength: 3, dataTextField: 'Nome', filter: 'contains', dataSource: new kendo.data.DataSource({ transport: { read: { dataType: "json", url: "/Home/PesquisarPessoas", data: { q: function () { return $('#autoCompletar').val(); }, limite: 10 } } } })});
Vinicius
Top achievements
Rank 1
Rank 1
answered
on
16 Dec 2011
2 answers
140 views
Hello,
It seems i might have ecnountered a possible problem with kendo.render() (the method suggested in "Batch CRUD Operations With Kendo UI DataSource" blog post for updating templates). I have several templates displaying the same data in different ways. In the DataSource, I defined a change method to update all the templates when the data is changes. The DataSource looked something like this:
So the change loops through the templates, and each template has a parent element where its supposed to be inserted too. But it didn't work. When the change ran, all the content defined in the templates simply disappeared (the parent elemets' content was repalced with nothing).
Altough when I rewrote it like this, it worked perfectly:
So instead of the render(), i use the template function directly, and hand the data to it.
What could the problem be? Whats the real difference between the two?
(The framework is awesome by the way! Thank you!)
Regards,
Greg
It seems i might have ecnountered a possible problem with kendo.render() (the method suggested in "Batch CRUD Operations With Kendo UI DataSource" blog post for updating templates). I have several templates displaying the same data in different ways. In the DataSource, I defined a change method to update all the templates when the data is changes. The DataSource looked something like this:
folderListData = new kendo.data.DataSource({ data: folderList, schema: { model:folderModel }, change: function() { for (var i = 0; i < templates.length; i++) { $(parents[i]).html(kendo.render(templates[i], this.view())); } }});So the change loops through the templates, and each template has a parent element where its supposed to be inserted too. But it didn't work. When the change ran, all the content defined in the templates simply disappeared (the parent elemets' content was repalced with nothing).
Altough when I rewrote it like this, it worked perfectly:
folderListData = new kendo.data.DataSource({ data: folderList, schema: { model:folderModel }, change: function() { var data = this.view(); for (var i = 0; i < templates.length; i++) { $(parents[i]).html(templates[i](data)); } }});So instead of the render(), i use the template function directly, and hand the data to it.
What could the problem be? Whats the real difference between the two?
(The framework is awesome by the way! Thank you!)
Regards,
Greg
1 answer
127 views
One issue that users of our site will complain about is the behavior of long combo boxes.
When using the mouse wheel to scroll down in a combo box, once the end of the combo box is reached, the whole page will scroll. This would be ok, except that since a mouse event has been triggered outside of the combo box, the combo box disappears. As a result, it's very hard to select the last few items in a combo box, since it's difficult to scroll to them without overshooting the box and closing it.
Here's JS Fiddle. To reproduce the bug, just scroll to the bottom with the mousewheel. The page will scroll and the combo box closes.
http://jsfiddle.net/NDDkA/1/
Any ideas for resolving this? Thanks!
When using the mouse wheel to scroll down in a combo box, once the end of the combo box is reached, the whole page will scroll. This would be ok, except that since a mouse event has been triggered outside of the combo box, the combo box disappears. As a result, it's very hard to select the last few items in a combo box, since it's difficult to scroll to them without overshooting the box and closing it.
Here's JS Fiddle. To reproduce the bug, just scroll to the bottom with the mousewheel. The page will scroll and the combo box closes.
http://jsfiddle.net/NDDkA/1/
Any ideas for resolving this? Thanks!
Georgi Krustev
Telerik team
answered
on
16 Dec 2011
