Hi.

I'm using 'kendoDropTarget' on a treeview, the drop function seems to fire the event twice in Internet Explorer. 

for example,

And the function: 

I have a web page with 2 templates. Initialy , I render the first template by this way:

The second template has a DropDownList. When the user click a button , I replace the html content with the second template, in a way  similar like the code above. The second template goes like this:

I have another button that allows me to go from template 1 to template 2 and the other way. The problem is that the first time I render the tempalte 2 , also appears a div elements  , (one per dropdownlist, It seems ,It's related with the options box), each time I render template 2, or change  its model , It inserts more div elements until the application freezes. How Can I stop this?. 

I'm trying to bind the JSON data object retrieved from the servlet.

$("#mainVerticalMenu").kendoMenu({
            dataSource : new kendo.data.DataSource({
                  transport: {
                      read: {
                          url: "net/samso/action/MenuAction?func_flag=getMenu&user_id=nexol", // the servlet url
                          dataType: "json",
                      }
                  },
                  schema: { // describe the result format
                      model : {
                          fields : {
                            text : {
                                type : "string"
                            },
                            value : {
                                type : "string"
                            },
                            subItemList: [{                                    // Sub item collection
                                text : {
                                    type : "string"
                                },
                                value : {
                                    type : "string"
                                }
                            }]
                          }
                      }
                  }
            })
        });

From the servlet, the JSON format is given as follows:

Hierarchy:
Text
Value
subItemList (ItemObject nested inside the menuitem)
    - Text
    - Value

Example JSON:Which ends up looking like:

[{"text":"OuterMenu1","value":"menu1","subItemList":[{"text":"subMenuItem1","value":"subMenu1"},{"text":"subMenuItem2","value":"subMenu2"}]}]

Actual JSON I receive when calling the servlet directly:

[{"text":"Communication","value":"BASE_01","subItemList":[{"text":"상품소개조회","value":"BASE_01"},{"text":"공지사항","value":"BASE_02"},{"text":"의견수렴","value":"BASE_04"},{"text":"사용자관리","value":"BASE_05"},{"text":"받은쪽지","value":"BASE_07"},{"text":"보낸쪽지","value":"BASE_08"},{"text":"자유게시판","value":"BASE_09"},{"text":"매장/마진율 정보","value":"BASE_10"}]},{"text":"매입관리","value":"BUY_01","subItemList":[{"text":"입고/입고반품현황","value":"BUY_01"},{"text":"수평이동요청","value":"BUY_02"},{"text":"수평이동승인/조회","value":"BUY_03"}]},{"text":"판매관리","value":"SALE_01","subItemList":[{"text":"판매및반품등록","value":"SALE_01"},{"text":"판매및반품조회","value":"SALE_02"},{"text":"판매일보","value":"SALE_04"},{"text":"기간별판매현황","value":"SALE_05"},{"text":"판매순위분석","value":"SALE_06"},{"text":"판매순위표","value":"SALE_07"},{"text":"타사등록","value":"SALE_08"},{"text":"타사판매등록","value":"SALE_09"},{"text":"타사판매조회","value":"SALE_10"}]},{"text":"수불관리","value":"SUBUL_01","subItemList":[{"text":"상품주문등록","value":"SUBUL_01"},{"text":"상품주문조회","value":"SUBUL_02"},{"text":"미입고명세서","value":"SUBUL_10"},{"text":"일별수불현황","value":"SUBUL_04"},{"text":"재고현황","value":"SUBUL_05"},{"text":"수불 일/월보","value":"SUBUL_09"},{"text":"품목별수불현황","value":"SUBUL_08"},{"text":"재고조정","value":"SUBUL_11"},{"text":"타매장재고현황","value":"SUBUL_07"}]},{"text":"영업관리","value":"BUSS_01","subItemList":[{"text":"영업판매배치등록","value":"BUSS_01"},{"text":"영업판매조회","value":"BUSS_02"},{"text":"영업주문배치등록","value":"BUSS_03"},{"text":"영업주문조회","value":"BUSS_04"},{"text":"매장별 재고/수불현황","value":"BUSS_05"}]},{"text":"AS관리","value":"AS_01","subItemList":[{"text":"A/S의뢰 관리","value":"AS_01"}]},{"text":"관리자","value":"SUP_06","subItemList":[{"text":"기초코드관리","value":"SUP_06"},{"text":"시스템관리","value":"SUP_05"},{"text":"그룹관리","value":"SUP_02"},{"text":"그룹소속관리","value":"SUP_03"},{"text":"그룹권한관리","value":"SUP_04"},{"text":"매장등록현황","value":"SUP_01"},{"text":"마진율조회","value":"SUP_07"},{"text":"상품코드별권한등록","value":"SUP_08"},{"text":"거래처별상품권한등록","value":"SUP_09"},{"text":"마감현황","value":"SUP_10"},{"text":"SAP송수신기록조회","value":"SUP_12"}]},{"text":"회계","value":"ACCT_01","subItemList":[{"text":"WEB-POS 사용자현황","value":"ACCT_01"},{"text":"WEB-POS 입금등록","value":"ACCT_02"}]}]


I'd like to ask two questions:

1. The servlet is not being called at all, even though I've explicitly declared the transport URL in the datasource

2. Is the above schema correct for declaring outer menu items and nesting items inside them?

Hi,

I have implemented Kendo UI treeview with checkboxes control with ASP.Net MVC4.  Please find below the code

<div >
@(Html.Kendo().TreeView()
.Name("treeview")
.Checkboxes(checkboxes => checkboxes
.CheckChildren(true)
)
.Items(treeview =>
{
treeview.Add().Text("Furniture").Id("1")
.Expanded(true)
.Items(furniture =>
{
furniture.Add().Text("Tables & Chairs").Id("2");
furniture.Add().Text("Sofas").Id("3");
furniture.Add().Text("Occasional Furniture").Id("4");
});

treeview.Add().Text("Decor").Id("5")
.Expanded(true)
.Items(furniture =>
{
furniture.Add().Text("Bed Linen").Id("6");
furniture.Add().Text("Curtains & Blinds").Id("7");
furniture.Add().Text("Carpets").Id("8");
});
})
)
</div>


In Layout.Cshtml file I kept Kendo UI .js and .css script and link references

 <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.common.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.rtl.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.default.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script>

Thanks,
Srikanth

Hi All,

I am using kendoui tabstrip control on my asp.net web form.I have used different controls inside tabstrip like input,select,buttons etc ,

it works fine on browsers but when I test it on iPad , my button controls which are inside tabstrip control  do not fire click event.

Any help in this regard will be highly appreciated.

Regards
Imran

 

Hi there,

I am struggling with datasource create transport. While normally the correct parameter to a rails server for creating a new item is as follow: 

Started POST "/shoes" for 127.0.0.1 at 2012-03-10 18:10:32 +0700
Processing by ShoesController#create as HTML
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"QrQCjdrZTYpNCbCDeh8iCxSbUdFo7aTHg+GeGKTpNuA=", "shoe"=>{"name"=>"the correct format", "price"=>"", "url"=>"", "replacement_mileage"=>""}, "commit"=>"Create Shoe"}
But kendoui's data source create transport sends the following format:

Started POST "/shoes.json" for 127.0.0.1 at 2012-03-10 18:10:35 +0700
Processing by ShoesController#create as JSON
  Parameters: {"name"=>"shoename"}
My script is as follow:

Is the coming hierarchal datasource stuff mean that KendoUI will have associations?

I'm trying to filter a data-source but I get the error described below. I did some research and found that it can normally be resolved by providing a schema.model that sets the offending property type to a number and this should tell kendoUI not to use toLowerCase() on it. Despite making this change, as you will see in the example, I still get the error. I'd appreciate some help.

Error message: Uncaught TypeError: Object 1 has no method 'toLowerCase'

Example: http://jsbin.com/ocehiq/1/edit - the error occurs when you change the selected category, which is supposed to filter the list of products

Hello.
When I try to invoke the "onDrop" event on "kendoDropTarget" on ie 10 using Windows 8 Consumer Preview, I can't find all the properties relative to the positioning on the screen:
e.pageX
e.pageY
e.screenX,
e.screenY
e.clientX,
e.clientY

The same code works on Firefox 15.0.1

Thanks in advance,
Marco

Hi,

After seeing the demo, I have implemented treeview checkboxes. After implementing all code logic, when I am trying to expand treeview on any parent node is not being expanded. Please  find below code 

GroupsTree.chtml :

<div id="treeview">
   
     @(Html.Kendo().TreeView()
                .Name("treeview")
                .Checkboxes(true)
                .Items(treeview =>
                {
                    treeview.Add().Text("Furniture").Id("1")
                        .Expanded(true)
                        .Items(furniture =>
                        {
                            furniture.Add().Text("Tables & Chairs").Id("2");
                            furniture.Add().Text("Sofas").Id("3");
                            furniture.Add().Text("Occasional Furniture").Id("4");
                        });

                    treeview.Add().Text("Decor").Id("5")
                        .Expanded(true)
                        .Items(furniture =>
                        {
                            furniture.Add().Text("Bed Linen").Id("6");
                            furniture.Add().Text("Curtains & Blinds").Id("7");
                            furniture.Add().Text("Carpets").Id("8");
                        });
                })
            )
</div>


In _Layout.Chtml :

 <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.common.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.rtl.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.default.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script>
    <script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script>

Error : 
0x800a01b6 - Microsoft JScript runtime error: Object doesn't support property or method 'kendoTreeView'


Please let me know if you need any other information.