Questions on Kendo UI for jQuery Forum

1 answer

118 views

Its a bug ?

<!DOCTYPE html>

<html>

<head>

<title>Images</title>

<meta charset="utf-8">

<script src="client/js/jquery-1.11.1.min.js"></script>

<link href="client/style/kendo.common.min.css" rel="stylesheet">

<link href="client/style/kendo.metro.min.css" rel="stylesheet">

<link href="client/style/kendo.dataviz.min.css" rel="stylesheet" />

<link href="client/style/kendo.dataviz.metro.min.css" rel="stylesheet" />

<script src="client/js/kendo.all.min.js"></script>

</head>

<body>

<a href='#' style='margin-left:10px;' onclick="start();">Start</a>

<table class="orgaltdata">

<thead>

<tr>

<th>Сайт</th>

<th>Производитель</th>

<th>Название</th>

<th>Код</th>

<th>Цена</th>

<th>Склад</th>

<th>Кор</th>

</tr>

</thead>

<tbody>

<tr>

<td>favorit-auto.ru</td>

<td>J+P Group</td>

<td>Датчик износа тормозных колодок задний</td>

<td>1397300500</td>

<td>47,90</td>

<td>46</td>

<td>12</td>

</tr>

</tbody>

</table>

<script>

function start()

{

$(".orgaltdata").kendoGrid

({

//height: 550,

//sortable: true

});

}

</script>

</body>

</html>

Ater press start button, the Grid not shown.

Grid

answered on 10 Sep 2014

3 answers

297 views

Hyperlink to remote views not loading remote view within layout in Index.html

I can't figure out why if you have a hyperlink to a remote view as a drawer item, it will correctly render the remote view within the Index.html page and have all the copied elements from the layout...i.e. the header and script references, etc.

See link in drawer item below: "views/business.html?businessId=3".

<!DOCTYPE html>

<html>

<head>

<title></title>

<meta charset="utf-8" />

<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />

<link href="styles/main.css" rel="stylesheet" />

<script src="cordova.js"></script>

<script src="kendo/js/jquery.min.js"></script>

<script src="kendo/js/kendo.mobile.min.js"></script>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu29iUhQeU6HuCPhv4cehlkdWaEn0H-5E&sensor=true"></script>

<script src="scripts/app.js"></script>

</head>

<body id="body">

<div data-role="layout" data-id="main">

<div data-role="header">

<div data-role="navbar">

<span data-role="view-title"></span>

<a data-role="button" href="#appDrawer" data-rel="drawer" data-align="left" data-icon="drawer-button"></a>

</div>

</div>

<div data-role="drawer" id="appDrawer" style="width: 200px" data-title="Navigation" data-position="left" data-swipe-to-open="false">

<div data-role="header">

<div data-role="navbar">

<span data-role="view-title"></span>

</div>

<ul data-role="listview">

<li>

<a href="views/home.html" data-icon="home">Home</a>

</li>

<li>

<a href="views/map.html">Map</a>

</li>

<li>

<a href="views/settings.html" data-icon="settings">Settings</a>

</li>

<li>

<a href="views/contacts.html" data-icon="contacts">Contacts</a>

</li>

<li>

<a href="views/business.html?businessId=3" data-icon="contacts">Business Test</a>

</li>

</ul>

</div>

</body>

</html>

But, if I put his same hyperlink in another view, it will navigate to that view, but it will NOT copy all the layout elements like the head section with the script references. I just get the html elements of the remote view....

<html><head></head><body><div id="businessDetail" data-role="view" data-title="Business Details" data-layout="main" data-model="APP.models.business" data-init="initBusinessDetails">

<img style="float:left;width:50px;margin-right:5px;" data-bind="attr: { src: data.image_url }">

<div style="float:left;display:inline-block;">

<span data-bind="text: data.name"></span><br>

<span data-bind="text: data.address1"></span><br>

<span data-bind="text: data.city"></span>, <span data-bind="text: data.postal_code"></span>

</div>

</body></html>

View

answered on 10 Sep 2014

5 answers

546 views

testing with jquery if file has been selected

how do I test if a file has been selected in a kendo ui upload widget (using jquery)?

var upload = $("#picture").data("kendoUpload");
upload.?

Upload

answered on 10 Sep 2014

5 answers

131 views

EditorFor 2014 Q2 not functioning

@Html.TextAreaFor(m=>m.TermSheet)

<br/>

@Html.Kendo().EditorFor(m => m.TermSheet).HtmlAttributes(new { style = "width: 740px;height:440px" }).Encode(false)

Users complained that the Terms editor was no longer working, so while debuggging I added the TextAreaFor to ensure that data was in fact getting to the controls. Using firebug only error that seems to be displayed is : TypeError: a.browser is undefined .. which i've seen for quite a while.

The debugger says: jquery-1.7.1.min.js, jquery-ui-1.8.17.custom.min.js, jquery.min.js, jquery.validate.min.js, jquery.validate.unobtrusive.min.js, kendo.mondernizer.custom.js, kendo.aspnetmvc.min.js

The editor will not allow anything to be typed into the area. The toolbar buttons press but nothing happens.

Editor

answered on 10 Sep 2014

1 answer

456 views

Binding tabs with MVVM

I'm trying to use the tabstrip control, but would like to use it with binding.

The following code works, but its definitely not the way i'd like to use the framework. can you tell me if there's a way to dynamically bind tabs without the inline code? My optimal code would have something like data-bind="source:tabs" where I can then define which property is the title, and then a template for the body.

Thanks.

<div data-role="tabstrip">
<ul>
# for(var i = 0; i < filter.Tabs.length; i++){ #
<li # if(i == 0){# class="k-state-active" #}#>
#: filter.Tabs[i].TabLabel #
</li>
# } #
</ul>

<div>
<div>
<span> Tab 1 </span>
</div>

<div>
<span> Tab 2 </span>
</div>

<div>
<span> Tab 3 </span>
</div>
</div>
</div>

TabStrip

answered on 10 Sep 2014

5 answers

2.3K+ views

Anti-Forgery in MVC Wrapper for Ajax binding using request header

I did not see any solutions in the forums for sending the Anti-Forgery token as a header (instead of JSON data) in an MVC server control (grid) datasource.

The page has no form but that is OK.

My solution works but I don't know if it is optimal.

The ajaxSetup affects all jQuery Ajax and Posts and that is what Kendo is doing so it gets a chance to locate the <input> value inserted by the Html.AntiForgeryToken() and add it as a request header for the Ajax call.

It would be nice if the DataSource had a Headers() extension like it does the Data() to do this.

Gary Davis

<%: Html.AntiForgeryToken() %>

<script type="text/javascript">

$(function () {

// For the Kendo Ajax call for paging, etc.

$.ajaxSetup({ // See: ValidateAntiForgeryTokenOnAllPostsAttribute

"beforeSend": function (xhr) { // Affects all Ajax & Posts

var securityToken = $("[name=__RequestVerificationToken]").val();

xhr.setRequestHeader("__RequestVerificationToken", securityToken);

}

});

</script>

Data Source

answered on 10 Sep 2014

2 answers

206 views

MVC bundling / minification broken

Hello,

Since the Angular support my MVC bundling/minification of kendo.web.js is broken on 2 lines of code.
line 82526: Can't have 'break' outside of loop: break OUT
line 82604: Can't have 'break' outside of loop: break OUT2

Is there any way to fix this without having to change my implementation to exclude kendo.web.js and use the minified one ?

Thanks in advance.

General Discussions

answered on 10 Sep 2014

1 answer

134 views

Filter Range

Hi,

I would like to know if there are any plans to implement a range filter on the main row filter, not the filter menu. If not is it possible is it possible for there to be an indication when there is a filter applied. When using the filter menu an icon (like the cross on the standard filter row) is not show.

Any help will be appreciated.
Thank you
Rudy

Grid

answered on 10 Sep 2014

2 answers

338 views

Change tooltip.content

I select marker with content "new marker ". Using event

$scope.onShow = function (e) {
         $scope.selectMarker = e.sender.marker;
         $scope.markerText = e.sender.marker.options.tooltip.content;
}

then I updated markerText to "Update marker" and click to update

$scope.onUpdateMarker = function () {
                if ($scope.selectMarker) {
                    $scope.selectMarker.options.tooltip.content = $scope.markerText;
                    $scope.selectMarker.tooltip.options.content = $scope.markerText;
            }
};

On the map I see old marker content "new marker ". How change content on map ?

Map

answered on 10 Sep 2014

4 answers

367 views

[Solved] Splitter layout and angularjs

Hi,
I want to create layout with splitter and angularjs like this http://dojo.telerik.com/aHab.I dont know how to use more splitter with k-panes of directive splitter.And how to add and remove left pane when click menu top,because some menu have left menu and another don't have.I used ui.router and check $state to determine when left menu show or not.I've worked with trial version and going to buy license in this week.

Thanks,
Loi Tran

Splitter

answered on 10 Sep 2014