Questions on Kendo UI for jQuery Forum

2 answers

158 views

kendoAutoComplete disable mode issue on IE 9 and Firefox

Hi Kendoui Team,

I having problem on Kendoui AutoComplete when disabled, i has able to click the input text inside the autocomplete textbox and the cursor show up even if the kendoAutoComplete control is disabled. I'm currently using Kendo UI Complete v2012.2.710

Please see attachment. Thanks

Regards,
Ramil of dbWizards

AutoComplete

answered on 19 Feb 2013

1 answer

155 views

Insert using GridForeignKey not working

I have my kendo.grid using the grideditmode.popup for creating and editing. My foreign key values show fine in the grid and also on an edit in the drop downs. But they won't add the actual values into the db. So I add a new row and pick the two items in the two drop downs and they remain null in the db. If I edit one where they are null, they stay null. If I edit one where they aren't null and change the values, that works fine. Any ideas are appreciated.

columns.ForeignKey(item => item.InstructorID, (IEnumerable<PointsInfrastructure.Instructor>)ViewData["instructorList"], "InstructorID", "Name");

columns.ForeignKey(item => item.SchoolID, (IEnumerable<PointsInfrastructure.School>)ViewData["schoolList"], "SchoolID", "Name");

[Display(Name = "Instructor")]

[UIHint("GridForeignKey")]

public long? InstructorID { get; set; }

[Display(Name = "School")]

[UIHint("GridForeignKey")]

public long? SchoolID { get; set; }

// create new tournament

var listValue = new Competitor()

{

MemberID = inViewModel.MemberID,

LastName = inViewModel.LastName,

FirstName = inViewModel.FirstName,

MemberNumber = inViewModel.MemberNumber,

DateOfBirth = inViewModel.DateOfBirth,

InstructorID = inViewModel.InstructorID,

SchoolID = inViewModel.SchoolID,

Email = inViewModel.Email,

Sex = inViewModel.Sex,

Notes = inViewModel.Notes

};

_db.Competitors.Add(listValue);

_db.SaveChanges();

Grid

answered on 19 Feb 2013

3 answers

146 views

Add Mobiscroll to ModalView and change z-index of ModalView

I am trying to use mobiscroll in a modal view and everything works fine, however, the mobi scroller ends up under the modalview and I am unable to make a selection.
Is there a way to change the z-index of the modalview so that the mobiscroll will end up on top of the modal view?

Any help with this will be appreciated

ModalView

answered on 19 Feb 2013

1 answer

127 views

Altering treeView Hierarchy

Hi
I have a doubt in TreeView Component.

I want to move the selected node one step forward or backward.
For example,
Consider a tree structure,

A
A.1
A.2
A.3
B
B1
B2
B.3
C
C1
C2
Now in my case i click c1 and press button the root element C wants to move one step forward and the tree model should change like this
A
A.1
A.2
A.3

C
C1
C2
B
B1
B2
B.3

Thanks in advance,

TreeView

answered on 19 Feb 2013

4 answers

158 views

Slider does not work on ipad

If I use below, it works fine on desktop and simulator but does not work on iPad running IOS6 when I deploy via Icenium. The slider shows up but it does not slide.

<input type="range" min="12" max="120" step="12" />

Is there any way to make it work properly on iPad?

Thanks

General Discussions

answered on 19 Feb 2013

1 answer

47 views

Filter menu not working on IE8 with explicit grid height

I've got a grid initialized with the following attributes:

height:450,
sortable: true,
filterable: true,
scrollable: true

this grid is in an apsx page displayed by a kendo window created dinamically on user click as following:

$(document.body).append('<div id="DetailWnd"></div>');

var wnd = $("#DetailWnd").kendoWindow({
   modal: true,
   actions: ["Minimize", "Maximize", "Close"],
   width: "800px",
   height: "540px",
   title: "Scenario Details",
   iframe: true,
   visible: true,
   content: "showdetails.aspx?ids=" + dataItem.IdScenario,
   animation: {
    open: { effects: "fadeIn" },
    duration: 700
   },

close: DetailClosed
});

In IE8 if i click the filter icon the filter menu is not displayed, if i comment out the height attribute is working as expected.
with a specific height Is working as expected on IE9 and FF 18.0.2.
If i run the page showdetails.aspx alone is working as expected, so i think the problem is caused by kendoWindow widget.

My client is using IE8 and i need to limit the height of the grid how can I achieve this?

Thank you
Regards

Grid

answered on 19 Feb 2013

1 answer

318 views

IE 10 clear "X" not clearing selected value

Hello,

I have this for my autocomplete:

<input id="MemberSelector" name="MemberSelector" type="text" class="MemberSelector" />

I setup the autocomplete and it works great. Later on in my MVC view, I use this to grab the selected value:

var auto = $(f).find("input.MemberSelector").data("kendoAutoComplete");
var item = auto.ul.find(".k-state-selected > span");

It finds the correct values for the items with a selection. However, an interesting side-effect; IE 10 puts a clearing "X" in the input when you type in text. When you click on that X, the input is cleared, but it's retaining the value. I've confirmed it is still retaining the selection of the item after you clear it.

Is that the correct behavior, and is there a work-around?

Thanks.

AutoComplete

answered on 19 Feb 2013

7 answers

515 views

Shared remote DataSource with different filters in Grid

Hi,

I need to bind to a remote json DataSource that is used by 2 Grids. Easy enough.

However, I need a different filter of the same data for each Grid. What is the best way to accomplish this without loading the data twice from the remote server?

Thanks!

Data Source

answered on 19 Feb 2013

1 answer

162 views

Custom editor and batch mode - cell showing old/incorrect value after selecting from DropDownList

I'm following the example here: http://demos.kendoui.com/web/grid/editing-custom.html

The only difference is that I'm getting my grid data from a REST service.

The grid displays fine, and when I click the appropriate cell I get a dropdown with all the options as I would expect. However when I select a value, the grid now displays "undefined" in the cell.

I'm assuming the example works because the data is local, and it's updating the underlying data set of the grid, however I don't want to update the underlying data on every edit... I want to batch the changes.

In the old non Kendo ASP.NET MVC days one had to implement a painful workaround that found and changed the actual text of the TR in the grid DOM once a value had been selected... I'm hoping this is no longer the case?

I've seen other posts with the same issue, however the usual answer is "use a ForeignKey column"; however that's not an option in my case, as it can only support local data for the lookup values and I need to get them from a server. There is an example out there that shows how to obtain the lookup values from a server and store them in a local var for use, however the example assumes that you only have one field you want to bind, because it uses the change event to bind the grid, which won't work if I have many FK lists to obtain (as I do)

Grid

answered on 18 Feb 2013

2 answers

987 views

How do I select a specific cell in dataBound event

Hi!

I want to select a cell after the grid is displayed. How do I select a specific cell based on the column index and row index in the dataBound event?

Thanks

Grid

answered on 18 Feb 2013