Questions on Kendo UI for jQuery Forum

2 answers

654 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

259 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

99 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

128 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

138 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

0 answers

179 views

Filling all remaining space with a Grid

Hello,

I have an application that uses the JQuery layout plugin (http://layout.jquery-dev.net/documentation.cfm). I am using this plugin to provide a footer throughout my application. On one of my screens, I need to use a Kendo Grid. This Grid needs to use all remaining space above the footer. My grid may have thousands of records.Has anyone been able to have a Kendo Grid fill a remaining space? I can't seem to get it to work.

Layout seems to be a bit of a hassle with Kendo. Am I the only one with these issues?

Grid

asked on 23 Feb 2012

2 answers

127 views

Can't sort data using my WCF service functions

Hey!

First of all great product!

I have run into a small problem with the sorting of the data inside the grid.

I fetch the data using WCF Data Service and custom functions to filter the data.

A function could look like this:

<WebGet()> _

Public Function Search(price As Integer) As IQueryable(Of tblCustomers)

Dim context As OnlmCRMEntities = Me.CurrentDataSource

Try

Dim customers = From c In context.tblCustomers

Where c.fldActive = True _

And c.tblCustomerProducts.Any(Function(s) s.fldPrice = price And s.fldActive = True)

Order By c.fldEmail

Select c

Return customers

Catch ex As Exception

Throw New ApplicationException("An error occurred: {0}", ex)

End Try

End Function

I have also used the Data Service JSONP extension (http://archive.msdn.microsoft.com/DataServicesJSONP ) to make it work as described in many posts.

Everything works as intended except the "Order By c.fldEmail" in my Search Function.
The output will always be ordered by the id field when it's converted to JSON.
I know i can add $orderby to sort it but this is not the functionality i'm looking for as i might want to sort data based on related tables in the database.

What is causing this and how do I fix it?

This is my kendo datasource - works as intended:

dataSource: {

type: "odata",

transport: {

read: pathname + "/model/WcfData.svc/Search?price=6000"

},

pageSize: 20,

serverPaging: true,

serverFiltering: true,

serverSorting: true

}

A small bonus question :)
Is it possible to sort by a column at load? (not really important if i can get above to work)

Best regards and thanks in advance!

Stefan

Grid

answered on 23 Feb 2012

1 answer

605 views

Upload e.preventDefault() issue

Hey,

I am trying to prevent users from uploading exe's || zip's, I am calling the below script on the select event .

this.onSelect = function(e) {
$.each(e.files, function(index, value) {
               if(value.extension=='.zip' || value.extension=='.exe') {
                    e.preventDefault();
                   return;
               }
}
}

This prevents the file from appearing in the file list but if I do a submit the zip's are going to the server. I could see input type 'file' elements are getting created even though filelist is not displaying the same. Whats the way around for this

Upload

answered on 23 Feb 2012

2 answers

180 views

Detail Template outside of grid?

Can you bind the detail template outside the grid easily? Everything I've tried ends up putting the details in the grid. Would be nice to have a grid, then on row click, show the row details in a tabstrip or other whatever outside of it. For instance, have two columns, the first with a grid, the second with row details.

An example of this would really open up my use of KendoUI.

Grid

answered on 23 Feb 2012