Questions on Kendo UI for jQuery Forum

2 answers

79 views

i understand about gird not support html

help me please!

Grid

answered on 24 Jul 2012

1 answer

118 views

Tab Key in modal Window

When I use modal Window and press Tab Key, focus leave the Window. It's not right. Do you have a solution of this problem? Or I need add the handler "keydown" on document and catch window blur? Thank's.

Window

answered on 24 Jul 2012

0 answers

105 views

events calender/scheduler like Radscheduler

Any plans to implement one in Kendo UI,

Found this which is the perfect thing we are looking for

http://wijmo.com/demo/explore/#eventscalendar|overview

But would rather it in Kendo ui?

Calendar

asked on 24 Jul 2012

4 answers

269 views

Problem with Displaying Tabs

Hi,

I am having problem with dynamically adding tabs.I want to add a new tab when ever i have clicked the addtab in the tabstrip.
Then a new tab with the content is adding.but the thing is it is showing two contents.
I am sending a sample project please have a look and can you provide me an solution or sample

Thanking You

TabStrip

answered on 24 Jul 2012

1 answer

291 views

KendoUI JQuery with MVC

I know this does not sound smart but im trying to use KendoUI Jquery grid with MVC and the problem is the parameter of the event create, update is empty

    <script type="text/javascript">
        $(document).ready(function () {
 
            var transport = {
                read: {
                    contentType: "application/json; charset=utf-8",
                    type: "POST",
                    dataType: "json",
                    url: "JQueryGrid/Grid_Read"
                },
                update: {
                    url: "JQueryGrid/Grid_Update",
                    contentType: "application/json; charset=utf-8",
                    type: "POST"
                },
                create: {
                    url: "JQueryGrid/Grid_Create",
                    type: "POST"
                },
                destroy: {
                    contentType: "application/json; charset=utf-8",
                    url: "JQueryGrid/Grid_Destroy",
                    type: "POST",
                    dataType: "json"
                },
                parameterMap: function (data, operation) {
                    return kendo.stringify(data);
                }
            };
 
            var dataSource = new kendo.data.DataSource({
                transport: transport,
                batch: true,
                pageSize: 30,
                schema: {
                    model: {
                        id: "PersonalID",
                        fields: {
                            PersonalID: { type: "number", editable: false },
                            FirstName: { type: "string", validation: { required: true} },
                            LastName: { type: "string", validation: { required: true} },
                            DOB: { type: "date" }
                        }
                    }
                }
            });
 
            $("#grid").kendoGrid({
                dataSource: dataSource,
                height: 250,
                filterable: true,
                type: "odata",
                sortable: true,
                pageable: true,
                editable: "inline",
                toolbar: ["create"],
                columns: [
                    {
                        field: "PersonalID",
                        filterable: false,
                        width: 100
                    }, {
                        field: "FirstName",
                        title: "First Name",
                        width: 200
                    }, {
                        field: "LastName",
                        title: "Last Name",
                        width: 200
                    }, {
                        field: "DOB",
                        title: "Date born",
                        width: 100,
                        format: "{0:MM/dd/yyyy}"
                    }, {
                        command: ["edit", "destroy"], title: "&nbsp;", width: "210px"
                    }
                ]
            });
        });
    </script>

        public ActionResult Grid_Read()
        {
            var personalDtos = _personalService.GetAllPersonalByFilters(1, string.Empty);
            return Json(personalDtos);
        }
 
        [HttpPost]
        public ActionResult Grid_Update(PersonalDto dto) //<--- comes empty
        {
            var personalDtos = _personalService.GetAllPersonalByFilters(1, string.Empty);
            return Json(personalDtos);
        }
 
        [HttpPost]
        public ActionResult Grid_Create(PersonalDto dto) //<--- comes empty
        {
            var personalDtos = _personalService.GetAllPersonalByFilters(1, string.Empty);
            return Json(personalDtos);
        }

Grid

answered on 24 Jul 2012

0 answers

209 views

Change grid properties based on condition/role

Hi All,

I was wondering if something I used frequently in the MVC suite is available in the framework release of the kendoui grid.

Basically I tend to vary the columns/edit function of a grid based on user role = Previously I would do something like this..

var grid = Html.Telerik().Grid<StaffRoleGridItem>()

.Name("OStaffRoles")

.DataBinding(db =>

{

db.Ajax()

.Select("_ListUsers", "Ajax", new { type = Model.Type });

})

.Columns(c =>

{

c.Bound(o => o.Id).Hidden();

c.Bound(o => o.Name).Title("User/Group Name");

c.Bound(o => o.Role).Title("Role in Project");

});

if ((POModel.ViewMode)ViewBag.Mode == PMOBaseModel.ViewMode.CREATE)

{

grid

.DataKeys(keys => keys.Add(o => o.Id))

.ToolBar(cmd =>

{

cmd.Insert().ButtonType(GridButtonType.Text).ImageHtmlAttributes(new { style = "margin-left: 0" }).Text("Add New Role");

})

.DataBinding(db =>

{

db.Ajax()

.Insert("_InsertUser", "Ajax", new { type = Model.Type })

.Update("_EditUser", "Ajax", new { type = Model.Type })

.Delete("_DeleteUser", "Ajax", new { type = Model.Type });

})

.Columns(c =>

{

c.Command(cmd =>

{

cmd.Edit().ButtonType(GridButtonType.Text);

cmd.Delete().ButtonType(GridButtonType.Text);

}).Width(190);

})

.Editable(e => e.Mode(GridEditMode.InLine))

.ClientEvents(ev => ev.OnEdit("onRoleEdit"));

}

grid.Render();

Calling the .Render() function of the MVC grid late gives me the option to change its nature based on the roles attributed to the user.

Does anyone know of a method to do something similar to this in the clientside JS for the grid?

any help appreciated.

Grid

asked on 24 Jul 2012

2 answers

151 views

Dealing with complex data in grid

$("#grid").kendoGrid({

dataSource: {

type: "json",

transport: {

read: "http://localhost:8888/mysite/xml/sample.json"

},

schema: {

model: {

fields: {

id: { type: "number" },

data: { type: "json" }

}

},

pageSize: 5

},

height: 250,

pageable: true,

columns: [{

field:"id",

title: "Record ID",

filterable: false

},

{

field: "data",

title: "Data String"

}

],

});

and I have json data in this format:

[

{

"id":0,

"data":[

{

"source":"Lotus Domino XML Mail",

"title":"Mr SYDPER",

"path":"/NSF//Marketing/Travel Itininery"

}

]

},

{

"id":1,

"data":[

{

"source":"Lotus Domino XML Mail",

"title":"Re: CMI statement for",

"path":"/Marketing/Mark"

}

]

}

]

How do I have my data column display the data in the grid?

Thanks

Grid

answered on 24 Jul 2012

7 answers

306 views

Querystring lost

Loading content with querystring parameters

content:
"../../content/web/window/ajax/ajaxContent.html?op=b3A9bGlzdCZpZD03MTUwNmY4Ni1jODk3LTQ3MjItYjcxNy01OTgxNWNiZmQxNmI="

The problem since Kendo Window is loaded as an XHR, the rquestUrl is not visable to the script running inside the Content.html (i.e. location.search) page. Ideas on passing parameters to Kendo Windows?

Window

answered on 24 Jul 2012

8 answers

207 views

EmptyText property?

Is there an EmptyText property in the combobox like you have in the silverlight combobox? If not, what is the best way to go about duplicating that functionality? In the old days I would just set it and clear it in the gotfocus / onfocus events, is that how it shoud be done here or is there an easier way?

ComboBox