or
1 answer
83 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
852 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
176 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
122 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
151 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
138 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
1 answer
344 views
Hi,
i'll try with my poor english :)
It is a problem to place a DropDown inside a label-tag?
The DropDown doesn't open when clicking, but only by clicking the label-text ("Title").
A workaround/bugfix is nice :)
Thank you!
/edit: The focus-event on the select element should trigger the DropDown open(dropdown)-event.
Cause it isnt possible to access the DropDown via tabulator.
A nice feature is to step up or down with the corresponding keys and select/activate with tab.
i'll try with my poor english :)
It is a problem to place a DropDown inside a label-tag?
<label>
<strong>Title</strong>
<select id="form-register-title" class="required title"></select>
</label>The DropDown doesn't open when clicking, but only by clicking the label-text ("Title").
A workaround/bugfix is nice :)
Thank you!
/edit: The focus-event on the select element should trigger the DropDown open(dropdown)-event.
Cause it isnt possible to access the DropDown via tabulator.
A nice feature is to step up or down with the corresponding keys and select/activate with tab.
Georgi Krustev
Telerik team
answered
on
16 Dec 2011
1 answer
111 views
Can I use the upload control on a mobile device’s browser? My upload works fine on a desktop. But when I access the page on an Ipad, the file upload dialog does not open. Nothing happens when I click the select button.
Kamen Bundev
Telerik team
answered
on
16 Dec 2011
0 answers
67 views
if have 250 page and i need go to page 200 . How do?
please guide for me .
please guide for me .
1 answer
130 views
Is it possible to customize the treeview to position additional DOM content to the far right of a tree node? We are hoping to use a "hover" state for the node to determine when to show/hide said DOM content.
See the attached screenshot. Note the two little icons to the right of the hovered tree node. This is what I'm talking about.
See the attached screenshot. Note the two little icons to the right of the hovered tree node. This is what I'm talking about.
Alex Gyoshev
Telerik team
answered
on
15 Dec 2011
