Questions on Kendo UI for jQuery Forum

2 answers

139 views

suitable editor for coding the Kendo UI

Can anyone tell me about suitable editor for developing webpage with Kendo UI framework.

Thanks in advance

General Discussions

answered on 24 Feb 2012

4 answers

675 views

[Solved] Help with assigning a data table to a grid

Greetings,

I am brand new to Kendo and seek a little help. I have looked over the demos and some of the code others have posted in the forums and I am still stumped, because I am new to MVC, jSON, and Kendo.

If i could get some simple code to get started with, I think I could finish it on my own.

Can someone provide a basic example of a project that takes a dataset or data table from a web service or wcf, and binds the datable to a grid? We need to see this in MVC 3 with Razor.

I would be VERY grateful, as we are evaluating Kendo for use on a large project.

Thanks

Data Source

answered on 23 Feb 2012

0 answers

124 views

Kendo UI Web demos in IE8

Hello,
I cannot seem to get most of the demos working in IE8. I am not in the compatibility mode so it should have worked in the standards mode. Please find my screenshots attached for all the information you may need.

Thanks.

General Discussions

asked on 23 Feb 2012

1 answer

488 views

Hide Columns

Hello all!

My app has 12 grids that are nearly identical in structure, often appearing on the same page. However, half have one extra column.

Since hey are so similar I have extracted their initialization into a single function.

$.each($(".kendoGrid"), function () {

loadJobGrid('#' + $(this).attr('id'));

})

But now I need to conditionally hide that one column.

In order of preference I'd like to know how to

Hide columns after a grid is created. (and will this be a problem after events like datasource refresh, or paging?)
Or ... Modify the the columns: [ ... ] section to conditionally add a field.

Thanks all!

Grid

answered on 23 Feb 2012

2 answers

664 views

[Solved] Window is not centered the first time opened

Hello all, Using the below code, I open, (and reopen) a window. I cannot get the first instance to be centered.

$(".jobLocationLink").live('click', function () {

currentJobId = $(this).data("id");

var parentGrid = $(this).data("parentGrid");

var title = $(this).attr("title");

var href = "../ModalWindows/JobLocationNotes.aspx?jobId=" + currentJobId;

var myWin = $("#jobLocationWindow")

if (!myWin.data("kendoWindow")) {

// window not yet initialized

myWin.kendoWindow({

content: href,

center: true,

title: "Job Location History",

iframe: true,

width: "800px",

height: "400px",

scrollable: false

});

}

else {

// reopening window

myWin.data("kendoWindow")

.refresh(href) // request the URL via AJAX

.open() // open the window

.center();

}

});

Thanks!

Window

answered on 23 Feb 2012

4 answers

1.1K+ views

Nothing is selected DropDownList but value is not blank

Hi,

I have a DropDownList using a server-side paging and when I have nothing selected, the control still return a value.

.text() return blank (ok)
.value() return something even if I didn't select anything yet. Very strange default behavior.
Any idea?

<script type="text/javascript">

function logSelected() {
var dropdownlist = $("#dropDownList").data("kendoDropDownList");
var txt = dropdownlist.text();
var val = dropdownlist.value();
     kendoConsole.log('[Selected Value:'+val+']'+' [Text:'+txt+']');
     }

    $(document).ready(function() {

$("#dropDownList").kendoDropDownList({
            autoBind: false,
            dataTextField: "SalesrepName",
            dataValueField: "SalesrepId",
            change: function(){
    },
   filter: "contains",
minLength: 1,
template: $("#scriptTemplate").html(),
columns: [{field:"SalesrepId",title:"Salesrep"},
                      {field:"SalesrepName",title:"Salesrep Name"}],
            dataSource: new kendo.data.DataSource({
                type: "odata",
                serverFiltering: true,
                serverPaging: true,
                pageSize: 20,
                transport: {
                    read: "csp/mediapool/public/dt.common.odata.RequestServer.cls?$select=SalesrepId,SalesrepName&$tablename=dt_common_ui_samples_data.Salesrep&$orderby=SalesrepName"
                }
            })
        });
});
</script>

DropDownList

answered on 23 Feb 2012

4 answers

261 views

Mobile Calendar Issues

I'd like to submit a request for a calendar that is fully functional on touch devices. I'm experiencing at least a couple problems with the Kendo UI Web Calendar control:

1. On both my iPad2 and my Android HTC EVO, when clicking on days within the calendar a "#" is appended to the URL. This causes issues when used with a Kendo UI Mobile application.

2. Clicking on days doesn't fully highlight the selected day. It leaves the selected day in a hover-like state. For example, in the Default theme, the selected day is not orange like it is in a desktop browser.

Are you guys considering a Calendar widget for the formal Kendo UI Mobile release in March?

Thanks.

Calendar

answered on 23 Feb 2012

3 answers

106 views

Build 1413 broke DropDownList Editor for grid that was partially working in 1407

The latest internal build broke the support that was just added for having a DropDownList editor in the grid. Now, now matter how you click on the dropdownlist, it does not activate / open so you can't choose a value.

Even when the DropDownList was rendering perfectly in build 1407, the sample code provided wouldn't actually bind to the grid data for updates, only for the current value. Any help is appreciated. Using this code as directed by Kendo UI support:

{

field: "LoanStatus_ID",

editor: loanStatusEditor,

template: "#=LoanStatus#",

title: "Status this Month"

},

Combined with this...

function loanStatusEditor (container, options) {

$('<input name="'+ options.field + '"/>')

.appendTo(container)

.kendoDropDownList({

change: function() {

},

dataTextField: "LoanStatus",

dataValueField: "LoanStatus_ID",

dataSource: {

type: "json",

transport: {

read: {

url: "@Url.Content("~/LoanBalance/LoanStatusDropDown")"

}

});

}

Before the breaking change, this theoretically mostly worked, with the exception of the specification of the Template for the column. That just throws a javascript error because it can't find the LoanStatus field. My assumption was that there was some magic in the editor binding but that does not appear to be so. If I change the template to read the current LoanStatus directly from the dataset (which i'm also returning there), it displays renders intiially, but after any change from the dropdown field, it still only displays the old value from the dataset (which isn't surprising).

So, the questions are:

a) Can you please undo whatever you did to break DropDownList support from the last build to this one?
b) Can you provide some clue as to how to best template that DropDownList editor column so that it displays the updated data after a Change?

Grid

answered on 23 Feb 2012

1 answer

130 views

DropDownList Issue. Broken in IE 8 with zoom

Dropdown with standard configuration

http://jsfiddle.net/UtQuG/7/

IE8 with zoom 100% works OK
IE8 with zoom 125% it is broken
IE9 works OK

DropDownList

answered on 23 Feb 2012

5 answers

141 views

New Telerik Web site

Hello,

I really like the new Telerik web site. I especially like the dropdown menu that's at the top!

Are any of the methods / controls you're using to produce the new site available in the new Kendo tools? Perhaps some demos?

Please let us know!

Nice work!

~ Dave

General Discussions

answered on 23 Feb 2012