Questions on Kendo UI for jQuery Forum

1 answer

110 views

How to do deeper filter in kendo DataSource

Hi ,

I have Employee Datasource as below

var obj = [
{
"Id": "1",
"Name": "Ambica",
"addresses": [
{
"City": "Bangalore",
"State": "Karnataka"
},
{
"City": "Mysore",
"State": "Karnataka"
}
]
},
{
"Id": "2",
"Name": "Manu",
"addresses": [
{
"City": "Bangalore",
"State": "Karnataka"
},
{
"City": "Mysore",
"State": "Karnataka"
}
]
}
];

var EmployeeDS = new kendo.data.DataSource({
data: obj
});

here my requirement is get employee record whose name is "Ambica" and city is "bangalore".

so how can i filter my EmployeeDS??

Have written filter as below but its not filtering (Only one level is filtering)

EmployeeDS.filter([{
"logic": "and",
filters: [{ field: "Name", operator: "contains", value: "Ambica" },
{ field: "addresses.City", operator: "equal", value: "Bangalore" }
]
}]);

Data Source

answered on 08 Feb 2013

3 answers

300 views

Using Require.js

I'm having issues trying to get require up and running with Kendo mobile. My setup looks like so

in my default.html

<script type="text/javascript" data-main="Scripts/main.js" src="Scripts/libs/require.js"></script>

in my main.js

(function(){

    requirejs.config(

        {

            baseUrl: 'Scripts/libs',

            paths: {

                plugins: '../app'

            }

        }

    );

    // Start main app logic

        requirejs(['jquery-1.9.0.min', 'kendo.mobile.min'],

    function($,kendo){

            var app = new kendo.mobile.Application(document.body,

                {

                    platform: 'ios'

                });

    });

})();

have tried different ways to load these scripts and I still keep getting Uncaught TypeError: Cannot read property 'mobile' of undefined

Edit: One thing I find odd is that I can go to the console on Chrome and drill down to kendo.mobile.Application just fine, as you can see in the page.png file I uploaded.

General Discussions

answered on 08 Feb 2013

3 answers

265 views

[Solved] Icon documentation

Hi Telerik,

I'm having a really hard time trying to figure out what icons are available in Kendo UI Mobile. I was able to get a list of class names by looking through the unminified stylesheet, but I noticed a lot of hex values were missing.

Attached is a screenshot I put together of a reference page, as you can see there are a lot of character codes without matching class names.

My question is can I create custom classes to enable the use of these unassigned character codes? Is there a chance of the font driving these images changing during an upgrade, or will new entries only be added to the font file?

Thanks,

Adam

General Discussions

answered on 07 Feb 2013

1 answer

226 views

Binding sort to a select dropdown?

I've been looking through the APIs to see if there's a documented method for binding the sort functions built into the header easily to a select dropdown? We want to hide the TH elements (using CSS) and only sort using a dropdown. Ideas?

Grid

answered on 07 Feb 2013

2 answers

589 views

[Solved] Call View Model Method within ClientTemplate

I am having difficulty trying to figure out how to convert our server side grid to ajax grid due to some road blocks. We are upgrading our grid from the older Telerik MVC extensions grid to the new Kendo UI grid and I have run into a couple of issues with converting some conditional statements to be usable within the ClientTemplate. Can anyone assists on the correct way to convert the following line of code to be compatible with ClientTemplate?

columns.Template(@<text>

@if(String.IsNullOrEmpty(Model.DownloadURL(item.DocumentId,item.Name, item.ExtUrl)))

{ }

else

{

<a href="@Model.DownloadURL(item.DocumentId,item.Name,item.ExtUrl)" title="Click to download">

}</text>).Title("Download")

I was able to do

columns.Bound(p=>p.DocumentId).ClientTemplate(String.IsNullOrEmpty(@Model.DownloadURL("#=DocumentId#","#=Name#","#=ExtURL#)).ToString()).Title("Download")

To get true or false returned from the method call, but I cannot figure out how to place the result returned into a conditional if-else statement to determine which html should display based on the condition as shown in the original code.

Grid

answered on 07 Feb 2013

4 answers

1.1K+ views

[Solved] Prevent edit only on update

Hello. I have a grid where the user can set the Primary key value of the table. This is great, but I don't want them editing that value.
I only want the edit field to show up on creates. I want it to be locked for normal edits.

If i set it to .Editable(False) then I can't add new ones.

I tried putting and onEdit event in which called a javascript which sought out that cell and called the .closecell() but that didn't work. Maybe I was doing something wrong.

Is there an easy bit of javascript for closing cell 4 on an edit of an existing item.

I've added what I think I should be using..i'm just missing something...please help!

<script>

function onEdit(e) {

//if the model isn't new (editing)

if (!e.model.isNew()) {

var grid = $("#Devices").data("kendoGrid");

//missing code I want her

grid.closecell();

}

</script>

Grid

answered on 07 Feb 2013

1 answer

132 views

DatePicker, DropdownList can't popup in Dotnetnuke 7

I'm developing a module in Dotnetnuke 7 with Kendo UI Web v2012.3.1315.
the local jquery at Dotnetnuke 7 is 1.7.2. The problem: kendoWindow can't popup in Chrome.
After upgrade jQuery to 1.8.2 in Dotnetnuke, the kendoDatePicker,kendoDropDownList can't popup select panel.How to solve it?

General Discussions

answered on 07 Feb 2013

2 answers

489 views

[Solved] How to use kendo datasource when a REST service returns only one element

I have a service (ASP.NET WebApi) whose URL returns a single object:

http://localhost:60000/api/approvals/90a11073-cbfe-4442-9330-9b94d83d53a2

But I can't get the datasource to handle the scenario. The request is made and the response is ok but in the change event I don't have any data. the ok from qunit fails.

datasource.bind("change", function (e)
{
var element = datasource.get('90a11073-cbfe-4442-9330-9b94d83d53a2')
ok(element);
start();
});

Also inspecting e.sender.data() shows that there are no elements in the result!

Is this supported? How?

Thanks,
Pedro

Data Source

answered on 07 Feb 2013

5 answers

202 views

KendoWindow custom action button

We are doing some feasibility testing with the kendoui window for our application. One of the requirements is to be able to have a custom menu (like kendomenu) that will provide interaction on each window instance. The menu will need to pass requests to the server and update the window content based on the action. Can you provide us with an example that uses the kendo window custom action click to create an action menu for that window instance?

Also, another requirement is to use an iframe to show google earth maps. We are experiencing a z-index issue that shows the content over the top of every window (outside the iframe) instance. Is there a fix for that? We have tried implementing an iframe shim hack but that doesn't seem to work inside the window.

Thanks for your time. We are looking forward to using your ui framework our portal application.

Window

answered on 07 Feb 2013

1 answer

142 views

Using filter menu widget...

Can someone please explain me how to use the filter menu widget... What i want do is binding the filtermenu to the choice of an options( the name of a filterable grid field)of a select posed outside of the grid.

Grid

answered on 07 Feb 2013