Hi,

I implemented kendo ui listview it is binding perfectly and showing image its finally looks great.

But i have one simple problem after binding the listview when go to second page  and i clicked on the item i am not getting selection item values.

i used the below lines.
selected = $.map(this.select(), function (item) {
                        return data[$(item).index(i)].Name;
                                        });

I have a custom widget that receives options. On of the options is an array of strings. By default the array value in the options, as defined in my widget, has six values. When instantiating the widget, the end user can supply his own array to override these values. Instead of replacing the entire array, each value passed replaces the default value, leaving a total of six still, even if only one value is passed.

Here's some pseudocode:


What I would expect is that after calling Widget.fn.init.call(that, element, options) in my widget, that options.intervals array would only contain "Month". Instead it contains: "Month", "Month", "Quarter", "Year". Any thoughts on this?

Instead of a 'delete this record?' prompt I would prefer to hint at what is being deleted.

Supposing a

A grid with this config does not prompt with the ${name}

nor can I use a function for the confirmation message

Any ideas ?

Please refer image.

1. Using vertical splitter results in a scrollbar. Why ? What is the fix ?

2. How do I target content into a particular pane ? For eg., in the image, when I click on a menu item I want to target the content onto right content pane

3.  This might be related to Menu styling - When menu item content doesnt fit the splitter pane size, I would like it to overflow into the nearby pane. How do I set that ?

Thanks
Aparna

Hei

Iam new to Kendo ui . Iam trying to add the Second Level of Tabstrip but its not working . Example Like you have 3 tabs like

Registration        Insurance      MinSide

Now when click on Registration it should open 3 more tabs like

Reg.1  Reg2  Reg3

How to achieve this functionality . I have searched a lot but didnt fint any answer .

Please help

[{"FirstName":"James","LastOrCompanyName":"Hancock","MiddleName":"Robert","Suffix":{"value":"Sr.","text":"Sr."},"Salutation":"Mr.","Individual":false,"UserName":null,"DateOfBirth":null,"PublicSecurityPermissionID":null,"Sex":0,"BloodType":0,"WebSiteTheme":null,"PublicDescription":null,"ID":"545e6d6e-3bac-440f-86bb-5fb575e5ce68"}]

Note that the Suffix is value/text instead of just the value.

This comes from the value being bound like so:

<input data-role="combobox" data-text-field="text" data-value-field="value" id="cboSuffix" maxlength="20" data-bind="source: Suffixes, value: Contact.Suffix" style="width: 80px" />

It should have returned Suffix: "Sr."

Nothing else.

How do I get it to persist back just the actual value instead of both the value and the text from the combo item?

Hi,

I am trying to use the popup editing of a grid that shows information from users table. The grid fields structure looks like:

[ Username | Email | Fullname | RegistrationDate ]

Except the above fields, the servers json response contains UserID & Password.
I need to open a popup editing window, where the admin(me) can edit NOT ONLY [ Username | Email | Fullname ]
but also enter Password & Confirm.
I do not need to include Password & Confirm at the grids data structure, but only at the Popup Window.
Currently, I open successfully the editing window but I cannot see Password & Confirm because they are not included in the grid's listing.

So, my question is: how can I add fields to the grid's editing window that are not presented to the grid's list. Also, Confirm is not an existing database field, because it is being used for password mistyping. In addition, your answer could be applied to the "Add new record" button/form.

Thank you. 

hi
I need to validate cell that user just enter number in cell.
sorry for my bad english.

Hello Everyone,

grid is loading very slow when database records are more then 15000

i developed one kendo ui grid,
but sometimes i got the error like "jsonmaxlength exceeded "
for this error i given maximum length in web.config file, when i got this error my database has 36500 row .


This is my webmethod:

    <WebMethod(enableSession:=True)> _
    Public Function BindStyles() As String

        Dim obj As KendoData

        If Session("kendodata") Is Nothing OrElse DateDiff(DateInterval.Minute, CType(Session("kendodata"), KendoData)._time, Date.Now) >= 20 OrElse CType(Session("kendodata"), KendoData).StyleJSON Is Nothing Then
            ' obj.data = "[{Style:'S\'1',Color:'C1'},{Style:'S2',Color:'C2'}]"
            Dim dsresult As DataSet = Charts.BindStyles()
            Dim lst As New List(Of stylelookup)
            If dsresult IsNot Nothing AndAlso dsresult.Tables.Count > 0 AndAlso dsresult.Tables(0).Rows.Count > 0 Then
                lst = (From p In dsresult.Tables(0).AsEnumerable Select New  _
                                               stylelookup With _
                                               {.Color = CStr(p("color")).Trim, .Description = CStr(p("desc")).Trim, .Division = CStr(p("division")).Trim, .Group = CStr(p("group")).Trim, .primkey = CInt(p("primkey")), .Scale = CStr(p("scale")).Trim, .Season = CStr(p("season")).Trim, .selectstyle = CBool(p("select")), .Status = If(CStr(p("status")).Trim.ToLower.Replace("a", "") = "", "Active", "In-Active"), .Style = CStr(p("style")).Trim, .Whlprice = CDec(p("whlprice")), .Year = CInt(p("year"))}).ToList

            End If

            Dim objser As New JavaScriptSerializer()
            Dim json As String = objser.Serialize(lst)

            obj = New KendoData
            obj.StyleJSON = json
            obj._time = Date.Now
            Session("kendodata") = obj

            Return json

        Else
            obj = Session("kendodata")
            Return obj.StyleJSON

        End If
    End Function

and this is my default.aspx:

 function webmethod() {
               analytics.BindStyles(succ, failed);
    }
    function succ(res) {
        data = eval(res);
        load();
    }
    function failed(ex) {
      
        alert(ex._message);
    }


    function load() {
                      $("#grid").kendoGrid({
            dataSource: {
                data: data,
                pageSize: ((__gridH - 30 - 30) / 35),
                serverPaging: true, serverFiltering: true, serverSorting: true
            },
            dataBound: function (arg) {
                ___gridobj = this;
                $("#totalcount").html('' + this.dataSource._data.length + '');
                Pageing(this._data, this._data.length);

            },
            height: __gridH,

            scrollable: true,
            sortable: true,
            filterable: true,
            pageable: true,

            columns: [
         { title: "Select", width: "50px", filterable: false, sortable: false, template: '#= mycheckbox(primkey,selectstyle)#'
         },
                            {
                                field: "Style",
                                width: "100px",
                                title: "Style"
                            },
                            {
                                field: "Color",
                                width: "60px",
                                title: "Color"
                            },

                            {
                                field: "Description",
                                width: "120px",
                                title: "Description"
                            },
                            {
                                field: "Division",
                                width: "50px",
                                title: "Div"
                            },
                             {
                                 field: "Season",
                                 width: "70px",
                                 title: "Season"
                             },
                            {
                                field: "Scale",
                                width: "60px",
                                title: "Scale"
                            },
                             {
                                 field: "Status",
                                 width: "70px",
                                 title: "Status"
                             },
                             {
                                 field: "Group",
                                 width: "50px",
                                 title: "Grp"
                             },
                            {
                                field: "Whlprice",
                                width: "70px",
                                title: "WhlPrice"

                            },
                            {
                                field: "Year",
                                width: "40px",
                                title: "Year"
                            }

                      ]
        });
        return false;
    }

i attached my grid,

Can you explain how to bind grid with parameter like take ,skip,page,pagesize