Questions on Kendo UI for jQuery Forum

1 answer

1.1K+ views

Hi,

Code block is below.
I want to show value conditionally and i can not edit model block .

is there a way to do this.
i know it's not working like i do .

@(Html.Kendo().Grid(Model)

.Name("somegrid")

.Columns(columns =>

{

columns.Bound(Folder => Folder.ParentId).Template(@<text>

<strong>@if (item.ParentId > 0)

{

<span

>@callfunction(item.Name)   (call some serverside function using item variable which returns string ( but not parentId another one ) )</

span>

}

else

{

<span>@call some serverside function</span>

}

</strong>

</text>);

columns.Command(command => { command.Edit().Text("Güncelle").UpdateText("Güncelle").CancelText("İptal"); command.Destroy().Text("Sil"); }).Width(180);

})

.ToolBar(toolbar => toolbar.Create().Text("Yeni kayit ekle"))

.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("FolderEditPopup").DisplayDeleteConfirmation("Kaydı silmek istediğinizden emin misiniz ?"))

.Pageable(pager => pager

.Messages(messages => messages.Display("{0} - {1}. Toplam {2} kayıt")

.ItemsPerPage("")

.First("İlk sayfa")

.Last("Son sayfa")

.Next("Sonraki")

.Page("Sayfa")

.Previous("Önceki")

.Refresh("Yenile"))

)

.Sortable()

.Scrollable()

.Events(e => e.Edit("onEdit"))

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(100000)

.Model(model =>

{

model.Id(p => p.IntId);

model.Field(p => p.ParentId).DefaultValue(0);

})

.Events(events => events.Error("error_handler"))

.Create(update => update.Action("FolderPopup_Create", "Config"))

.Read(read => read.Action("FolderPopup_Read", "Config"))

.Update(update => update.Action("FolderPopup_Update", "Config"))

.Destroy(update => update.Action("FolderPopup_Destroy", "Config"))

)

Thanks for help

Grid

answered on 21 Aug 2013

1 answer

189 views

Intellisense for kendo ui in general (Javascript)

Hi,

I am trying to get the intellisense to work with my VS2010 express.

I have followed the instruction from the thread below :
http://www.kendoui.com/forums/kendo-ui-web/general-discussions/kendo-ui-intellisense-support.aspx
Everything is working as shown in the tread.

But I would like to know the "level" of intellisense that it supports. Or how detail the current Intellisense would help us to code.

For example, when I type
$('foo').kendo....
It will list all the available kendo object type available
kendoAutoComplete
kendoCalendar
kendoComboBox, etc......

so if I want to initialize a kendoAutoComplete
I will use
$('#foo').kendoAutoComplete

The question I want to ask is that ...
does the intellisense stops right here ?
for example, after I have type $('#foo').kendoAutoComplete, it does list all the avaialbe options for initalizing the auto complete control

now, let say i want to initiazlie the autocomplete control with a datasource.
the correct syntax is

$('#foo').kendoAutoComplete({ dataSource: data});

but if I then type
$('#foo').kendoAutoComplete({ d
the intellisense won't suggest that there is a dataSource property available such that I can initilize the autoComplete control with the specified datasource.

Is the Intellisense suppose to suggest the dataSource and other properties?
As suggested by Faisal in this thread
http://www.kendoui.com/forums/kendo-ui-web/general-discussions/intellisense-in-visual-studio.aspx

Thank you

General Discussions

answered on 21 Aug 2013

2 answers

815 views

[Solved] Keyboard pushes footer up on Android?

There is a behavior when using Android 4.0.4 - Samsung Galaxy Note (Possibly others) where the keyboard is displayed underneath the application footer. So essentially it is pushing the footer up and thus hiding the application instead of overlaying the application like iOS or even a normal website.

Does anyone know what is causing this or have any idea of how to fix it?

Robert

General Discussions

answered on 21 Aug 2013

3 answers

383 views

How to disable mobile button (suggestion)

In my project I need some buttons to disable. Many posts here and my support tickets telling that for the moment buttons cannot be disabled. I have a suggestion, because I think it is very simple.

If you make a button like <button>, it has attribute "disabled" and if this attribute is set click does not appear.
Second, for disabled buttons add some styling, and buttons are disabled:

.km-ios .km-button[disabled]{

color:#ccc;

cursor:default;

}

.km-ios .km-button[disabled]:active{

color:#ccc;

background-color:#7185A2;

box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);

-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);

cursor:default;

}

<button type="button" data-role="button" disabled="disabled">My button</button

Button (Mobile)

answered on 21 Aug 2013

3 answers

347 views

Scroll and Button Disable issue

I am facing two issues with respect to scroll and button disable. Kendo UI Mobile version used is kendoui.mobile.2013.1.514.commercial
I have attached the sample project which has the issue.
Please find below the issue details

Issue 1 - This issue is occurring in iOS 6 Safari browser.
I am trying to add a scroll to the screen so that user is able to enter the values to textbox fields in both Portrait and landscape mode.
Fields are moving outside the screen when trying to scroll.
Steps to reproduce the issue:
1. Try to scroll the screen by selecting the space next to Unit button.
2. Entire screen gets scrolled and fields moves outside the screen.

Issue 2 - This issue is occurring in iOS 6 Safari browser
I am trying to disable the button dynamically using jQuery but the button is not getting disabled and i am able to click the button.
Steps to reproduce the issue:
1. Click on "Unit" button next to Unit label
2. Alert appears

Any help provided is appreciated.

General Discussions

answered on 21 Aug 2013

1 answer

531 views

Eclipse IDE Setup for Code Completion & Checking

I am looking at Kendo UI and am using Eclipse w/ the Aptana module, I'd like to evaluate Kendo UI.

How do i configure Eclipse with Kendo UI to get the best dev environment, code complete, etc?

What I mean is, I've got the downloaded Kendo UI files, I use Eclipse, how do I get Eclipse to play best with Kendo UI?

Thanks in advance!

General Discussions

answered on 21 Aug 2013

1 answer

1.3K+ views

Purpose of .k-Content .k-group and another styles?

Could someone please explain the purpose of .k-content .k-group and other styles that are listed in the kendo documentation? I apply them to my div's and content within the div, yet i see no styling change at all! What am i missing here?

General Discussions

answered on 21 Aug 2013

2 answers

84 views

[Solved] Cannot zoom charts on windows phone

Hi

Please navigate to any kendoui chart with Windows Phone (IE browser) e.g.
http://demos.kendoui.com/dataviz/bar-charts/date-axis.html
The browser native zoom that work on any other parts of the page doesn't work on the chart area.

Just checked that it's not caused by combination of wp/svg as here zoom works:
https://developer.mozilla.org/samples/svg/swarm-of-motes.xhtml
Furthermore- other types of dataviz widgets (e.g. radial gauge) don't have this problem.
Thanks.

Raido

Charts

answered on 21 Aug 2013

1 answer

227 views

Request: "Tag-input"-plugin

Hello

I would like to request a plugin that is similar to the one used for tags at stackoverflow.com. The ability in an textbox to enter, for example, a list of emailaddresses, or domainnames, and they create a tag after you press space after it. The multiselect, as I can see, doesnt allow to enter "new items" that doesnt exists in list.

Or is there some way to modify the multiselect so it can add new tags?

General Discussions

answered on 21 Aug 2013

1 answer

221 views

Using the Validation with qTip2

I was wondering if it would be possible to use qTip2 to display the tooltips from the validation, instead of the default ones. I have spent several days trying to do this, with little success.

http://qtip2.com/api

With the jQuery Unobtrusive Validation, I can achieve this with the following edits to the code;

function onError(error, inputElement) { // 'this' is the form element

var container = $(this).find("[data-valmsg-for='" + escapeAttributeValue(inputElement[0].name) + "']"),

replaceAttrValue = container.attr("data-valmsg-replace"),

replace = replaceAttrValue ? $.parseJSON(replaceAttrValue) !== false : null;

//replace = $.parseJSON(container.attr("data-valmsg-replace")) !== undefined;

container.removeClass("field-validation-valid").addClass("field-validation-error");

error.data("unobtrusiveContainer", container);

if (replace) {

container.empty();

error.removeClass("input-validation-error").appendTo(container);

}

else {