Questions on Kendo UI for jQuery Forum

3 answers

295 views

Grid Grouping Does not work in WebBrowserControl

Browser: Internet Explorer 9
Framework: ASP.net MVC 3 with Razor
IDE: Visual Studio 2010
OS: Microsoft Windows 7
Kendo Version: 2012.2.710

When I open my Webpage with a Html.Kendo().Grid in a C# System.Windows.Forms.WebBrowser Control and try to group by a column I get the attached javascript Error. The inital load of the data works.

When I open the Page using Internet Explorer everything works.

When I use my Webbrowser Control to open the telerik grid samples grouping works,

Error translated:
In a script on this page has a error occred:

Line: 8
Column: 44082
Error: Could not get value of "length". The object is null or undefined
Code: 0
URL: http://localhost:12384/Scripts/kendo.web.min.js

My Grid Control:

@(Html.Kendo().Grid<lobotask.web.ViewModel.TaskViewModel>()    
	.Name("Grid")
	.Columns(columns => {
		//columns.Bound(t => t.).Title("ID");
		columns.Bound(t => t.Name).Title("Name").Groupable(true);
		columns.Bound(t => t.Description).Title("Beschreibung").Groupable(false);
		columns.Bound(t => t.RecipientsText).Title("Empfänger").Groupable(true);
		columns.Bound(t => t.Status).Title("Status").Groupable(true).Width(100);
		columns.Bound(t => t.Status).Title("Result").Groupable(true).Width(100);
	})
	.Pageable()
	.Sortable()
	//	.Resizable(t => t.Columns(true))
	.Scrollable() 
	.Filterable()
	.Groupable()
	
	.DataSource(dataSource => dataSource
		
		.Ajax()
		.Read(read => read.Action("MyTasks", "Tasks"))
		//.Server()
		//.Read(
	 )
)

Grid

answered on 15 Jan 2013

3 answers

1.4K+ views

Html.ActionLink and ClientTemplate

Hi,

I am trying to create hyperlink column using ClientTemplate and Html.ActionLink. Here is my code:

@(Html.Kendo().Grid<OrderViewModel>()

.Name("Orders")

.HtmlAttributes(new {style = "height: 400"})

.Columns(c =>

{

c.Bound(p => p.Id).Title("Order ID")

.Groupable(false)

.ClientTemplate((@Html.ActionLink("#=Id#", "Index", "Splits", new { orderId = "#=Id#" }, null).ToHtmlString()));

})

It creates properly hyperlink for id in the browser, but when I click on hyperlink I am getting on the server orderId "#=Id#", so first "#=Id#" was rendered properly with proper order Id, but it was not rendered when it passed to the server side.

Please advise what I am doing wrong.

Thanks.

Grid

answered on 15 Jan 2013

6 answers

724 views

Mobile ListView is not refreshing on button click

Hi,
Please see my attached screenshot. Each time a user click on the search button, my listview should repopulate with the new results. I have tried the dataSource.read() / refresh() methods in the button click but it’s not working. Any one from telerik, please go through my code and give me a working solution.

CODE
<head>
    <title></title>
    <script src="Mobile_JS/jquery.min.js" type="text/javascript"></script>
    <script src="Mobile_JS/kendo.mobile.min.js" type="text/javascript"></script>
    <link href="Mobile_CSS/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="vw_AddTradeRequest" data-role="view" data-title="New Trade Request" data-init="intSecModal">
        <header data-role="header">
            <div data-role="navbar">
                <a data-align="left" data-role="backbutton">Back</a> <span data-role="view-title">
                </span>
            </div>
        </header>
        <ul id="lvw_formElement" data-role="listview" data-style="inset">
            <li>Security
                <ul style="list-style-type:none;"><li><input type="text" style="right:2.2em;"/>
                <a data-role="detailbutton" data-rel="modalview" data-icon="more" href="#mvw_SearchSec"></a></li></ul>
            </li>

        </ul>

        <div data-role="modalview" id="mvw_SearchSec" style="width: 90%;">
            <header data-role="header">
                <div data-role="navbar">
                 <input id="txt_SearchSecurity"
                    type="text" style="border: 1px solid Gray;margin-right:0.1em;" data-align="left" value="amgn"/><a data-role="button" id="btn_searchSecurity" data-align="left">Search</a>
                    <a data-role="button" id="btn_clearSearchSec" data-align="left">Clear</a>
                    <a data-role="button" data-align="right" data-click="closeSecSearchModalView">Close</a>
                </div>
            </header>
            <ul id="lvw_Search" data-role="listview">
                <li>
                </li>
            </ul>
            <ul id="lvw_Security" />
        </div>
    </div>
    <script id="kt_SecurityListTemplate" type="text/x-kendo-template">
    <div>
        #= SYMBOL #
    </div>
</script>
<script id="kt_SecurityHeadTemplate" type="text/x-kendo-template">

       <h3> HI</h3>

</script>

<script>
    function intSecModal() {
        var secData = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "mypage.aspx?security=&sm=0&ft=" + $("#txt_SearchSecurity").val(), // the remove service url
                    dataType: "json"
                }
            }

        });

        $("#lvw_Security").kendoMobileListView({
            dataSource: secData,
            template: $("#kt_SecurityListTemplate").text(),
            click: function (e) {
                console.log(e.dataItem.SYMBOL);
            }
        });

        $("#btn_searchSecurity").click(function () {
            var lvwObjSecurity = $("#lvw_Security").data("kendoMobileListView");
            lvwObjSecurity.dataSource.read();
        });
        $("#btn_clearSearchSec").click(function () { $("#txt_SearchSecurity").val("");});
    }

    function closeSecSearchModalView() {
        $("#mvw_SearchSec").kendoMobileModalView("close");
    }
</script>
</body>

Thanks and Regards,
Sibin

ListView (Mobile)

answered on 14 Jan 2013

4 answers

1.2K+ views

Icons not displaying

When I run my app on localhost for testing, the icons all show properly. When I deploy my app in IIS, I don't get any icons either in a desktop browser or from a mobile device. The Content folder is there in the deployment, it all looks fine. What am I missing?

General Discussions

answered on 14 Jan 2013

2 answers

221 views

Plain Text without Icon

Hello,

I'm wondering if it's possible to create a tabstrip without any icon. Just the text.

Something like that:

<footer data-role="footer">

<div data-role="tabstrip">

<a>Sign In</a>

<a>Register</a>

</div>

</footer>

P.S. I tried it but I can't find the code in .css in order to remove the background empty "icon" box.

TabStrip (Mobile)

answered on 14 Jan 2013

5 answers

298 views

Minimize and Maximize

I am testing the window widget. I need to prepare some desktop like application, so I want to ask you about the minimize event/option for the window and as I see still don't have maximize event and the maximize don't work for parent div/container like in RadWindow. I think minimize option should look similar to telerik RadWindow behavior. Will this be part of the official release? I don't think that this is a big deal feature, but to be honest there is no a really good jquery window widget on the market.

Window

answered on 14 Jan 2013

1 answer

366 views

Grouping By Date Time

I have a series of objects that have a datetime stamp. Is there a way to group them by date, despite the time stamps being different? For instance, if two object occurred on the same date, but at different times, I'd like them to be in the same "Date" group, but sorted by time.

Thanks,
Will

Grid

answered on 14 Jan 2013

5 answers

203 views

The grid Alignment problem

Hi

I have a grid that has lots of column and its not align properly and it happen when i scroll horizontally.

thanks

Grid

answered on 14 Jan 2013

11 answers

114 views

Two charts on one page generating js error

Hello

I am new to kendoui, and i am testing a new dashboard for a project of mine.

The idea is... i have a pie chart and a line chart on the page, and i can not initialize them at once.

I am calling $("#container").kendoChart(...); twice.

Either way i try only the first chart loads. When i try to load them individually they are ok, but when i load both i get this:

Timestamp: 01/09/13 18:26:06
Error: on is undefined
Source File: http://pms.igeek.ro/3rdparty/kendo/js/kendo.dataviz.min.js
Line: 10

Have just downloaded kendo ui trial so i have the latest version.

Thanks,

Chris

Any help would be welcome

Charts

answered on 14 Jan 2013

1 answer

277 views

dataSource transport read success - but not really

I am working with a server that will return server side error messages in HTML but also have a response status of 200.

jqXHR.getAllResponseHeaders() returns

Server: Apache-Coyote/1.1

X-Powered-By: Servlet 2.4; JBoss-4.2.3.GA (build: SVNTag=JBoss_4_2_3_GA date=200807181417)/JBossWeb-2.0

x-ua-compatible: IE=EmulateIE7

X-SAS-STP-ERROR: -34

Cache-Control: no-cache, no-store

Content-Type: text/html;charset=UTF-8

Transfer-Encoding: chunked

Date: Fri, 11 Jan 2013 15:17:29 GMT

This is problematic since I need to check the X-SAS-STP-ERROR value

The RemoteTransport class has this important processing kernel in kendo.data.js:

result = cache.find(options.data);

if(result !== undefined) {

success(result);

} else {

options.success = function(result) {

cache.add(options.data, result);

success(result); // I AM HERE

};

$.ajax(options);

}

at the I AM HERE point the success handler is dispatched but is passed only the result, and thus the handler is missing the statusText and jqXHR (which are available as arguments[1] and arguments[2]).

So my issue is thus:
- Is there a better place to hook in my checks for X-SAS-STP-ERROR: -34 ?
- Should I patch the kendoui library to dispatch with success(result,arguments[1],arguments[2]) ?

- If the check for -34 asserts true is there a way the success handler can prevent/reject default success handling henceforth ?

Thanks,
Richard

Data Source

answered on 14 Jan 2013