Questions on Kendo UI for jQuery Forum

0 answers

220 views

tooltip always visible

How to make after creating Slider tooltip was visible and would never hide ?

Slider

asked on 14 Dec 2011

2 answers

290 views

checkboxes in grid have no values on submit

I have a form with an embedded grid that has a template in one column:

<input type="checkbox" name="roles" id="roles" value="" + roleid + "" checked="checked">

The display works fine.

When I submit the form, however, "roles" has no values. I checked to ensure "roleid" is actually populated with data - it is. The form field "roles" is indeed being passed from within the grid - it just has no values. I can populate a form field outside of the grid with the roleid and the value posts. So the problem is clearly related to the grid.

Anyone have an idea why the values are not being sent?

Grid

answered on 13 Dec 2011

0 answers

63 views

Require "save" to do an update

Is there a way to indicate that the "save" button needs to be triggered? I have a grid with some columns, and one of the columns I have a template that displays a list of checkboxes for the data. However, when the checkboxes checked and unchecked it does not indicate that the row needs to have the update method called when the "save" button is clicked.

Grid

asked on 13 Dec 2011

2 answers

247 views

Retrieving Json from Controller Action

I'm using the kendoChart to display the json result from a controller action. The contoller action is getting called, but the page gives an error after that which is shown at the bottom of this message. I tried to catch the dataBound event to see what is happening. The error is happening even before the event, so can't catch it.

An example or help appreciated for this problem.

Controller Action:

...
return Json(itemCount, JsonRequestBehavior.AllowGet);

Script:

$("#liveChart").kendoChart({
...
dataSource: new kendo.data.DataSource({
transport: {
read: {
url: "/Charts/Orders/GetLiveOrdersCount",
dataType: "json"
}
},
schema: {
data: "data"
}
}),
...

Error:

SCRIPT5007: Unable to get value of the property 'length': object is null or undefined
kendo.all.min.js, line 11 character 46965

Data Source

answered on 13 Dec 2011

2 answers

479 views

[Solved] Complete/Error callbacks are not firing

Hello,
I am evaluating the kendoUpload widget. Everything works fine, my file is submitted, however when the upload is complete, my client events don't seem to get fired, or I have something configured improperly. Also of note, if I set autoUpload: false, then the upload files button does not start the upload. Below is what I have for configuration:

div.find('input:file').kendoUpload({
                async: {
                    saveUrl: '/SomeController/Action',
                    autoUpload: true
                },
                localization: {
                    "uploadSelectedFiles": "Upload Logo" // TODO: load language specific text
                },
                multiple: false,
                remove: function (files) {
                    var previewElement = $('#' + item.Uid + 'prev');
                    previewElement.fadeOut('fast', function () {
                        previewElement.html('');
                    });
                },
                select: function (files) {
 
                    if ((window.File && window.FileReader && window.FileList && window.Blob)) {
                        if (files.files.length && files.files.length > 0) {
                            var file = files.files[0];
 
                            var previewElement = $('#' + item.Uid + 'prev');
                            previewElement.previewImage({
                                'file': file.rawFile,
                                'height': 250,
                                'width': 250,
                                'title': 'Some Logo'
                            });
                        }
                    }
                },
                upload: function (evt) {
                    evt.data = { 'Uid': item.Uid };
                },
                complete: function (evt) {
                    alert('complete');
                },
                success: function (evt) {
		alert('success');


                    if (evt.operation == 'upload') {
                        var responseData = evt.response;
                        alert(responseData);
                    }
                }

Here is the response as seen in the fiddler tool:

HTTP/1.1 200 OK
Cache-Control: private
Server: Microsoft-IIS/7.5
X-AspNetMvc-Version: 3.0
X-AspNet-Version: 4.0.30319
X-Powered-By: ASP.NET
Date: Wed, 07 Dec 2011 14:45:13 GMT
Content-Length: 0

Any help would be appreciated.
Thanks,
ian

Upload

answered on 13 Dec 2011

2 answers

160 views

[Solved] jquery.Validate

Hello,
Including the jquery.Validate library seeams to be interfering with my kendoui controls. Whenever I have the jquery.validate plugin included, I seem to lose all of the events from the kendo widgets. This seems to be the offending script.

<script src="http://ajax.aspnetcdn.com/ajax/jQuery.Validate/1.6/jQuery.Validate.min.js" 
	type="text/javascript"></script>

Any ideas?
Thanks,
ian

General Discussions

answered on 13 Dec 2011

3 answers

89 views

Custom jQuery inside Grid Functions

Hi all,
I got this template apply to a Grid

<script id="template" type="text/x-kendo-tmpl">

tr

<td

>

  <

a href="a" class="something" value="#= id #">Show ID</a>

</

td

>

...

And I want that on click

$(document).ready(function

(){

   $(

'.something').click(function

(){

        alert($(

this).attr("value"

));

return false

;

    });

...

but nothing happens, will if I apply this same jquery outside the Kendo Grid it's works OK.

So how should I bind the click to the template??

Thanks

Grid

answered on 13 Dec 2011

1 answer

149 views

.focus()

I need to be able to set the focus to a numerictextbox, then on change to a dropdownlist

Doesn't seem to be working though...

In the master combobox in the change event I'm doing this

$("#quantity").focus();

here's the initialization of the numeric box

var quantityBox = $("#quantity").kendoNumericTextBox({

min: 1,

format: "#.00 units",

change: function(e){

fromCombo.input.focus();

fromCombo.open();

}

}).data("kendoNumericTextBox");

...and you can see that on it's change I try and set the focus as well

General Discussions

answered on 13 Dec 2011

1 answer

427 views

Combo Box With Image

Hi,

I would like to have an image to the left of the text in the combo box similar to how I have the button in this image, I am using the combo more like a menu where you can select the 2 items in the list but it does not change what is on the tool bar.

I have tried to do it the same way I implemented the button but no luck.

Any ideas

<button id="moveButton" class="k-button"><img />Move</button>

<button id="viewXML"><img /></button>

#moveButton img, #viewXML img

{

content: "";

float: left;

width: 16px;

height: 16px;

margin: 5px 5px 0 0;

background-image: url('images/SpritesSmall.png');

background-position: -70px center;

}

$("#viewXML").kendoDropDownList([{ text: "Option 1", value: "1" }, { text: "Option 2", value: "2"}]);

$("#viewXML").data("kendoDropDownList").text("View XML")

ComboBox

answered on 13 Dec 2011

1 answer

535 views

Dealing with multiple panelBars in a dynamic environment

So far these have been FANTASTIC to work with.

I have two questions.
1) As you can see in the code I currently have 11 panelBars. Each panel bar is located in its own tab. When I click on a section it expands and collapses as expected. But, now I wanted to add in a Toggle to Collapse/Expand all the sections in the current panel.
So the ID of the element I click to do this is id="1-panel" etc. I can then parse it to figure out which panel I am dealing with.

After that I get lost. I looked at the example in the download and just can't seem to make it work. I stepped through the code and there were no errors.

Can you help point me to what I am doing wrong?

2) As I stated I am working on a dynamic project. I have a php file where I define my tabs, sections, and controls. I can build out the system with this one file. But, the issue I am struggling with is how to dynamically add the script. I cannot just add it to the html page generated. WP doesn't like that. Is it possible to simple call a Jquery function that will initiate the new panel without having to go in and actually add the panel code?

Thanks a million for your help!

/* Initialize panel bars */

$("#panelbar1").kendoPanelBar().data("kendoPanelBar");

$("#panelbar2").kendoPanelBar().data("kendoPanelBar");

$("#panelbar3").kendoPanelBar().data("kendoPanelBar");

$("#panelbar4").kendoPanelBar().data("kendoPanelBar");

$("#panelbar5").kendoPanelBar().data("kendoPanelBar");

$("#panelbar6").kendoPanelBar().data("kendoPanelBar");

$("#panelbar7").kendoPanelBar().data("kendoPanelBar");

$("#panelbar8").kendoPanelBar().data("kendoPanelBar");

$("#panelbar9").kendoPanelBar().data("kendoPanelBar");

$("#panelbar10").kendoPanelBar().data("kendoPanelBar");

$("#panelbar11").kendoPanelBar().data("kendoPanelBar");