Questions on Kendo UI for jQuery Forum

2 answers

1.2K+ views

KendoUI tabstrip not showing default tab

Hi,
I am not able to select the first tab as selected tab on page load.
I have my tab text coming from database.
if i click on any of the tab manually then i can see the data.
But the first tab as to be selected by default itself What setting am i missing here ?

<script type="text/javascript">

$m = jQuery.noConflict();

$m(document).ready(function myfunction()

{

$m("#tabstrip").kendoTabStrip({

tabPosition: "left",

dataTextField: "desc",

dataContentUrlField: "Url",

dataValueField: "menuOrder",

}).data("kendoTabStrip").select(0);

var dataSource = new kendo.data.DataSource(

{

transport:

{

read:

{

url: "http://localhost:58030/Config/api/Feat/Get?Member=ASIA\Kiran",

type: "GET",

dataType: "json",

cache: false,

contentType: "application/json",

charset: "utf-8"

}

},

data: {

name: { type: "string" },

desc: { type: "string" },

menuOrder: { type: "string" },

Url: { type: "string" }

},

});

debugger;

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

tabStrip.setDataSource(dataSource);

tabStrip.select(0);

//tabStrip.select(1);

})

</script>

Thanks in advance!

General Discussions

answered on 24 Feb 2017

2 answers

216 views

Animating 'visible' binding

So today I was using the 'visible' binding and I really wanted to have some jQuery animation when the bound element was shown/hidden. A few minutes of research and I have a new binding (I _could_ have just extended the built-in one, but I didn't want to touch so that I didn't affect other areas of the application I've already built).

Just drop this javascript in a file that is loaded after the kendo javascript:

kendo.data.binders.visible_animated = kendo.data.Binder.extend({

refresh: function () {

if (this.bindings.visible_animated.get()) {

$(this.element).show('fast');

} else {

$(this.element).hide('fast');

}

});

Alternatively, it'd be cool if the built-in kendo bindings that controlled element visibility would support animations natively somehow. :-)

MVVM

answered on 24 Feb 2017

1 answer

199 views

Display toolbar when hovering over shape

Looking to have a toolbar appear when the mouse pointer hovers over a shape and disappear when it hovers off the shape. Right now the toolbar appears when i left click on the shape. I've tried emulating a "click" event on the mouse entering event, but it looks like that is too late in the event cycle and the toolbar does not appear. I'm trying to emulate a "tap" event, but having trouble with the data needed to simulate the event through the trigger function. Is this the correct way to accomplish showing the toolbar for a shape? Thanks

Diagram

answered on 24 Feb 2017

0 answers

80 views

Problem with the Drop Down list Column of the grid

Hi,

I am Using grid control from Telerik UI For asp.net MVC, Grid works fine in loading the data, but the problem come when we try to edit or create a new record with in the grid. When I try to edit the grid Drop down columns as shown as a text box with ID values.

There are couple more problems

1. Filter is not working as expected.

2. Filter is not populating data and not able to select the items from dropdown list.

3. add new and click on update button the controller is not getting value that were submitted.

4. on editing and saving a record the action method is not fired.

please help with above issues.

Please fin the attached file for more info.

Map

asked on 24 Feb 2017

1 answer

339 views

Editable Column Property Does Not Seem to Function

I have a grid I am using with Angular 1, and I would to have a non-editable column. The documentation and several examples(non-angular) seem to say setting the editable property to either a function that returns false or setting it to false directly should accomplish this, but for some it does not. The configuration I am using is pretty basic, and I can't seem figure out what I am doing wrong. I have put stops on the anonymous function, and it never gets called when that cell goes into editing mode.

self.gridConfiguration = {

dataSource: datasource ,

toolbar: ["create","save"],

selectable:true,

sortable:true,

editable:true,

navigatable: true,

columns: [

{field: "projectName", title: "Title", editable: function(dataItem){return false;}}

]};

Grid

answered on 24 Feb 2017

2 answers

56 views

Custom editor window using dataItem that has a period in it

I'm tyring bring up a custom Editor with only a few fields using the template on popup attribute of the grid, however my grid has data in it with a period, example "table.field". The data passest to the window, but when I reference it I'm not getting what I expected. I had anticipated that the data would need to be referenced like ['table.field'], however when I try to do that I get an error. If I use "['table.field']" I get the actual text instead of the represented value in the grid.

Here is a dojo of my example: http://dojo.telerik.com/@pnd@qad.com/oYIXU

If you hit the report button, you can see that it is presenting the screen with the table.field name but not the represented values.

Any help would be greatly appreciated.

Grid

answered on 24 Feb 2017

3 answers

260 views

Formula reference Another spreadsheet

Hi, Is there a way to add a formula to spreadsheet X that references another kendo spreadsheet on the same page (spreadsheet Y)? If there is, can you send a small example please?

Thanks

Marc

Spreadsheet

answered on 24 Feb 2017

3 answers

340 views

Open is undefined on window

I have a div called UserInfo. When a user clicks a button, this div should be the window that pops over. The code to do this is:
$("#AddLegendItem").on("click", function () {
var dialog = $("#UserInfo");
dialog.data("KendoWindow").open();
});
However, it errors out on the second line of the anonymous function saying "unable to get property of 'open' of undefined or null reference.

I've read through the forums and one person had some duplicate code but I do note. I'm not sure where to go at this point. Ideas?

Thanks!

Window

answered on 24 Feb 2017

2 answers

387 views

Slider to select a "scaling factor"

Hi,

Is there any nice way to use a Kendo UI slider to select a scaling factor? Those typically go from 0.1 to 1.0 and then to 4.0 or 5.0 - with 1.0 (=100%) always in the middle and you might scale with other steps below 1.0 than above. But most import would be to have 1.0 or 100% in the very middle.

Using a normal slider with min=0.1 and max=4.0 does not really look nice to scale a view, component size, graphic or whatever.

Any hints?

Best regards,
Ricky

Slider

answered on 24 Feb 2017

1 answer

976 views

Grid and Maximum String Length

I have a grid on a page. One of the columns is for a person's middle initial. In my C# code, I have it defined as follows:

[StringLength(1, ErrorMessage = "The middle initial cannot exceed 1 character")]<br> [Display(Name = "Middle")]<br> public string MiddleInitial { get; set; }<br>

In the grid, if I enter something like "LLL" for the middle initial, I get a error in the grid telling me I've enter too many characters. This is what I would expect. However, if I enter something like " L" (notice the space before the L), the grid gives me no errors. But, then, when the row is saved I get a server validation error. because of too many characters.

Why isn't the Kendo Grid handling the second scenerio correctly, and how can I work around this?

Grid

answered on 24 Feb 2017