Questions on Kendo UI for jQuery Forum

5 answers

124 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

435 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.2K+ 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

195 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

129 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

325 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

361 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

3 answers

235 views

Scope and Data binding in angular kendo grid

I have an angular widget that I'm placing into an angular kendo grid table row. In this widget, you can enter some text for a tag and this will be communicated to a rest endpoint and then updated within the widget on the data set. In regular angular, the two way data binding will automatically update this to whatever is associated with the same data set. In addition, you can use the scope chain for publish/subscribe events ($broadcast, $emit, $on) to listen for change events. When I place the widget into the kendo layout, it will render and update it's own data set, but this will not propagate to the other data sets. In addition, events on the scope chain won't emit up to the parent containers. So at some point, kendo is creating a new scope without inheriting from the parent scope (or so it seems).

So the question is...how do we bind the data, or scope so that we can update other display items that rely on the binding? It doesn't seem possible with the grid.

Any help is appreciated.

Grid

answered on 10 Sep 2014

6 answers

170 views

Replace angular grid binding with kendo binding

We are using angular binding per below to bind our Kendo UI grid. What is standard Kendo process for binding grid data source to grid?

We want to replace Kendo-Angular directive for binding with Kendo code.

Thanks,

Bradley

Current kendo-angular binding:

<div>
<div id="mainGrid" kendo-grid k-options="gridOptions" k-rebind="gridOptions.selectable"
k-on-change="handleChange(selected, data, dataItem, columns)"></div>
</div>

Grid

answered on 10 Sep 2014

1 answer

2.5K+ views

How to add CSS class to dropdown list server wrapper?

Hi, I'm wanting to put a css class on dropdownlist but unsure how to do. I have a "width100percent" css class, but just doing inline styles at moment.

@(Html.Kendo().DropDownListFor(m => m.SecurityQuestion1Id)

.DataTextField("Item2")

.DataValueField("Item1")

.BindTo(Model.SecurityQuestionOptions)

.HtmlAttributes(new { style = "width:100%;" })

)

DropDownList