Questions on Kendo UI for jQuery Forum

4 answers

439 views

Retrieving dataSource object from custom popup tempate after button clicked in popup

I'm trying to get the dataSource dataItem for a grid value after I have brought up a custom popup screen. I've created a button on the custom popup, and I'm passing the UID to the click event and I can get the row of the grid, however I'm trying to get the datasource dataItem and have had no luck. I've create the following dojo: http://dojo.telerik.com/@pnd@qad.com/oYIXU/2

I've also attached a screenshot of the developer tools which shows my dataItem is undefined, what I need is the dataItem so that I can pass that on to another call. Any help is greatly appreciated.

Grid

answered on 24 Feb 2017

2 answers

1.3K+ views

[Solved] 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

254 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

236 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

103 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

392 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

76 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

301 views

[Solved] 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

406 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

440 views

[Solved] 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