Questions on Kendo UI for jQuery Forum

3 answers

387 views

Adding new Tabstrip to a form on click event working but Tabs are not functioning

Hi,
I am using Tabstrip of Kendo UI and it is nice.

I am facing one difficulty, any help will be appreciated...

I have one Tabstrip with one table inside one tab of it and based on some event i want to add one more Tabstrip in html form and so on.
I am able to add new Tabstrip, but the only problem I am facing is the newly created Tabstrip is not working properly.

I am not able to change the tabs of newly created Tabstrip, also I am using Datepicker of Kendo UI which is there in the table, that too is not working for newly created Tabstrip.

I also found that it might be because of same name "tabstrip1" for newly created tabstrip but i dont know how to achieve my functionality...

      $(document).ready(function() {
                      $("#tabstrip1").kendoTabStrip({
                          animation:   {
                              open: {
                                  effects: "fadeIn"
                              }
                          }

                      });
                  });

PFA file containing my code and functionality i want

I will be much helpful if I get some solution. and thanks in advance

Regards,
Jayesh.

TabStrip

answered on 30 Jan 2012

0 answers

149 views

Minimum jQuery version requirement?

Hi guys,

I have some websites running with old version of jQuery. So which is the minimum required version of jQuery for Kendo? I didn't find any requirements page.. :(

General Discussions

asked on 30 Jan 2012

1 answer

98 views

[Solved] Partly editable

I am trying to make one column editable ONLY when creatting new, while another column must remain editable all the time.

I tried this:

model: {

id: "name",

fields: {

name: {

editable: {

create: true,

update: false

},

nullable: false

},

ttl: {

editable: {

create: true,

update: true

},

type: "number",

defaultValue: 7,

validation: {

required: true,

min: 1

}

Along with a destroy column and this:

editable: {

destroy: true,

confirmation: "Are you sure you want to remove the application? \n\nRemember to press Save, when finished."

},

Is it possible - perhaps via some hacking?

Grid

answered on 30 Jan 2012

0 answers

249 views

kendo window and kendo template

Hi,

we have used kendo templates to display elements as plain html into some tables.
Some of these fields in the table are clickable and we want to be able to pop up selection windows on clicking on them.

Can be seen here :
http://98.130.153.40/botCreaterNewIdFor.html?id=4e5bb37258200ed9aabc6e61
if you click on Publish>Align
you will see that the window popup comes at the top of the page instead of a popup.

Can you let me know if there would be an issue popping up windows from within kendo templates

Rahul

Window

asked on 30 Jan 2012

1 answer

1.0K+ views

Detail DataGrid filtering with multiple fields

Hi,

Following example shows how to show master details data in grid.

http://demos.kendoui.com/web/grid/detailtemplate.html

In this example, there is single filter that shows orders for selected employee, but there is a need to add two filters with OR logic.

function detailInit(e) {

.....

filter: { field: "EmployeeID", operator: "eq", value: e.data.EmployeeID }

},

scrollable: false,

.....

I found this from documentation, that shows that multiple filters are supported:

// returns only data where orderId is equal to 10248 and customerName starts with Paul

filter: [ { field: "orderId", operator: "eq", value: 10248 },          

{ field: "customerName", operator: "startswith", value: "Paul" } ]

Is it possible to add more than one filter with OR operator?

BR
Marko

Grid

answered on 30 Jan 2012

0 answers

90 views

Visibility of controls

// My code is as follows:

<input id="myControl" style="max-width: 66px;" />

$('#myControl').kendoNumericTextBox();

// The following doesn't work:
$('#myControl').hide();
$('#myControl').show();

Is this a bug? What is the proper way to hide/show a kendo control?

General Discussions

asked on 30 Jan 2012

1 answer

507 views

How to add combo box in grid's inline row editing ?

Hello..
I need a grid that can contains combo box in its inline editing. It's because some column need to choose a data from other table (foreign key relationship). I think it will be great if user can edit it through combo box in grid's inline editing.

If anyone has a solution for my problem, please let me know. Thanks a lot..

Grid

answered on 30 Jan 2012

0 answers

202 views

How can I set a datasource filter from a panelbar select?

Hi,

I would like to set a datasource filter based on the selected item in a panelbar.

I have tried something in this JSfiddle , but can't seem to figure it out.

Any pointers?

Cheers
Bastian

PanelBar

asked on 29 Jan 2012

1 answer

57 views

Question about how demos pages work...

Hello,

I think this question is not fully kendo ui related, but jquery related; but anyway, I hope you guys could help me.

I am developing a simple layout for some test, and I would like to handle it like the Kendo UI demos does, i mean, apparently they only update the right part of the page (the fading one which contain the example), leaving the menus, and tool bars unaltered (its last state). I been tracing its functionality with Firebug, looking for some Ajax calls but I cant find it. So I really appreciate if you guys, could develop a bit about how the examples / demos page works.

Thanks in advance,
Oscar

General Discussions

answered on 28 Jan 2012

3 answers

208 views

content falls out of a tab

Hi,

I'm using the following code to dynamically add a new tab which displays the content of a div which is defined outside of tabstrip div, by referencing it by its id (id="testInputs"):

<div id="tabstrip">

<ul>

<li>First Tab</li>

<li>Second Tab</li>

</ul>

<div>First Tab Content</div>

<div>Second Tab Content</div>

</div>

<div id="testInputs" style="clear:both; float:left">

<div style="clear:both; float:left;">

<br /><label>Name:</label><input id="inpUserName" value="n/a">

</div>

var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");

tabStrip.append(

[{

text: "New Tab",

content: document.getElementById("testInputs").innerHTML

}],

tabStrip.tabGroup

);

The problem is when I click on the new tab I can see that it loads the content of "testInputs" div just fine, but immediately after that the tab region collapses towards the top, leaving the "inpUserName" input and the label sitting just under the tab strip (see attached image).

What I'm trying to achieve is that the name input is dynamically added and displayed inside the new tab.

TabStrip

answered on 28 Jan 2012