Telerik Forums
UI for ASP.NET MVC Forum
2 answers
197 views

Hi

   i have 3 grid in my page - can i set theme for each one of them?

 

like:

grid1: theme default

grid2: theme Moonlight

grid3: theme bootstrap 

Ahmed
Top achievements
Rank 2
 answered on 14 Apr 2015
1 answer
366 views

I dont know if this is a bug or something something I could not find the documentation.

 

If you are using the EditorFor() and you supply a .Name() method in your form. On submit it will return a null value in MVC. I don't know why, it just does.

My hopes is that a moderator/dev can expand on this a little more and make add some more documentation/examples to the demos on the EditorFor component. 

Hopefully this helps someone. :)

So once I removed the ".Name("tkCommentEditor") line below from my code, it worked like I expected it to.

 

@(Html.Kendo().EditorFor(t => t.Body)
            .Name("tkCommentEditor")
            .Resizable()
            .Tools(tools => tools
            .Clear()
            .Formatting()
            .CleanFormatting()
            .FontName()
            .FontSize()
            .FontColor()
            .Bold().Italic().Underline().Strikethrough()
            .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
            .Outdent().Indent()
            .SubScript().SuperScript()
            .TableEditing()
            .ViewHtml()
              )
        )

Alexander Popov
Telerik team
 answered on 14 Apr 2015
1 answer
101 views

Hello, 

I have datepicker in my view as below, But after adding event as http://demos.telerik.com/aspnet-mvc/datepicker/events, it lost its style and looks like Jquery UI datepicker. 

When i  looked at the source code, without using events, the input type is string and output is like below:

<span class="k-picker-wrap k-state-default"><input data-val="true" data-val-date="The field Hakediş T. must be a date." data-val-required="The Hakediş T. field is required." id="CmsProgressPaymentDate" name="CmsProgressPaymentDate" style="width: 100%;" type="text" value="13.04.2015" data-role="datepicker" class="k-input k-valid" role="combobox" aria-expanded="false" aria-owns="CmsProgressPaymentDate_dateview" aria-disabled="false" aria-readonly="false"><span unselectable="on" class="k-select" role="button" aria-controls="CmsProgressPaymentDate_dateview"><span unselectable="on" class="k-icon k-i-calendar">select</span></span></span>

But when i added the onchange or another events, the input type becomes to date and the output as below, 

<input data-val="true" data-val-date="The field Hakediş T. must be a date." data-val-required="The Hakediş T. field is required." id="CmsProgressPaymentDate" name="CmsProgressPaymentDate" style="width:100%" type="date" value="13.04.2015">

 

@(Html.Kendo().DatePickerFor(p=>p.CmsProgressPaymentDate)
            .Name("CmsProgressPaymentDate")
            .Value(System.DateTime.Now)
            .HtmlAttributes(new { style = "width:100%" })
}

Umut
Top achievements
Rank 1
 answered on 13 Apr 2015
4 answers
76 views
function Increment(AbilityName) {
alert(AbilityName);
}

</script>
<p>
@(Html.Kendo().Grid<AbilityGenerator.ViewModels.AbilityCollection>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(c => c.AbilityName).Title("Ability");
columns.Bound(c => c.BaseScore).Title("Base Score");
columns.Template(e => { }).ClientTemplate(" ").Width(50);

columns.Bound(c => c.TotalScore).Title("Total Score");
columns.Bound(c => c.AbilityModifierBonus).Title("Ability Bonus");
})
.ClientRowTemplate(
"<tr data-uid='#: uid #'>" +
"<td>" + "<span>#: data.AbilityName #</span></td>" +
"<td>" + "<span>#: data.BaseScore #</span></td>" +
"<td height='35' ><table height='30'><tr><td><img alt='Up' onclick='Increment(#: data.AbilityName #)' height='15' src='/Images/Up.png' /></td></tr><tr><td><object float='left' height='15' data='/Images/Down.png' /></td.</tr></table></td>" +
"<td>" + "<span>#: data.TotalScore #</span></td>" +
"<td>" + "<span>#: data.AbilityModifierBonus #</span></td>" +
"</tr>"
)

.Scrollable(scrollable => scrollable.Enabled(false))

.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("GetAbilityScores", "Home"))
)
)
Dimiter Madjarov
Telerik team
 answered on 13 Apr 2015
3 answers
352 views

Hi there,

I am attempting to get the Treeview template to work, similar to the demo for the MVC treeview:

<script id="treeview-template" type="text/kendo-ui-template">
    #: item.text #
    # if (!item.items) { #
    <a class='delete-link' href='\#'></a>
    # } #
</script>
 
<div class="row">
    <div class="form-group col-md-12">
        @(Html.Kendo().TreeView()
            .Name("treeview")
            .TemplateId("treeview-template")
            .DataTextField("Name")
            .DragAndDrop(true)
            .DataSource(dataSource => dataSource
                .Read(read => read
                    .Action("Parties", "TreeView")
                )
            )
            .Events(events => events
                .Drop("onDrop")
            )
        )
    </div>
</div>

However, the item.text expression always evaluates as undefined - not sure what I am doing wrong? If I remove this, the item.items expression on the next line is correctly evaluated.

Thanks,

 Paul

Paul
Top achievements
Rank 1
 answered on 13 Apr 2015
3 answers
386 views

So I originally defined a TabStrip and manually loaded the content using LoadContentFrom with an Action which returned a PartialView of content defined in another .cshtml. It worked fine.

Now I want to do something similar, but have the items of the TabStrip bound to a collection. The TabStrip is binding the text of the item just fine, but the Action to get the content is never being called. How do I define it so that it does, similar to LoadContentFrom?

If my old implementation is:

@(Html.Kendo().TabStrip()
    .Name("tabStrip")
    .Items(items => {
        items.Add().Text("Test").LoadContentFrom("MyAction","MyController", new { id = 0 });

     })

)

How do I translate that to:

@(Html.Kendo().TabStrip()
    .Name("tabStrip")
    .BindTo(Model, (item, category) =>
    {
        item.Text = category.TestText; // works
        item.Action("MyActions", "MyController", new { id = 0 }); // Doesn't seem to do anything
    })
)

Atanas Korchev
Telerik team
 answered on 13 Apr 2015
1 answer
149 views

 

I have restricted horizontal space on a page, but have multiple values to display in a graph. I thought a single-column, stacked column chart would fit the bill. I'm interested in showing proportion of values.

 I have a simple model:

  •  UserName
  • Items

Using the AJAX mechanism shown here http://demos.telerik.com/aspnet-mvc/bar-charts/remote-data-binding I can get the chart to display using the following code:

@(Html.Kendo().Chart<RequestLoadingSummaryAggregate>()
    .Name("resourceLoadingChart")
    .Title("Resources")
    .Legend(legend=>legend.Visible(false))
    .DataSource(dataSource=>dataSource.Read(read=>read.Action("RequestLoadingSummary","Home")))
    .Series(series =>
    {
        series.Column(model => model.Items).Name("Resource");
    })
    .CategoryAxis(axis=>axis
        .Categories(model=>model.UserName)
        .Labels(labels=>labels.Rotation(-90))
        .MajorGridLines(lines=>lines.Visible(false))
        
    .ValueAxis(axis=>axis.Numeric()
        .Labels(labels=>labels.Format("{0:N0}"))
        .MajorUnit(100)
        .Line(line=>line.Visible(false))
        )
    .Tooltip(tooltip=>tooltip
        .Visible(true)
        .Format("{0:N0}")
        )
        .ChartArea(chartArea=>
        chartArea.Height(400))
      )

But I cannot get it to work as a Stacked Column using the additional defaults:

 

.SeriesDefaults(seriesDefaults =>
    seriesDefaults.Column().Stack(ChartStackType.Normal)
)

How can I project the model from the AJAX result into a form that the chart can understand such that the values occupy a single column with multiple values?

Thanks

 

Nathan

Iliana Dyankova
Telerik team
 answered on 10 Apr 2015
1 answer
148 views
Can you cancel a row selection from within the onSelect event?
Dimiter Madjarov
Telerik team
 answered on 10 Apr 2015
20 answers
394 views
I just tried upgrading my VS2013 solution to v2014.3.1316 of the MVC UI. It's failed three times now. My solution has two MVC enabled projects using the 2014.3.1223 internal update (which I had to manually install for probably the same reason) in it and I tried to update both at the same time. I got the following error:

An error occurred while running the wizard.Error executing custom action Telerik.KendoUI.Mvc.VSX.Actions.MultiProjectCopyResourcesAction: System.Runtime.InteropServices.COMException (0x8007007C): Error deleting file 'kendo.messages.ru-RU.min.js'. The system call level is not correct.   at EnvDTE.ProjectItem.Delete()
   at Telerik.VSX.ProjectConfiguration.ProjectFileManager.DeleteContents(String projectRelativePath, String excludePattern)
   at Telerik.KendoUI.Mvc.VSX.Actions.CopyResourcesAction.ModifyScripts(String mainAssemblyFolder, String versionedFolder)
   at Telerik.KendoUI.Mvc.VSX.Actions.CopyResourcesAction.ModifyResources()
   at Telerik.KendoUI.Mvc.VSX.Actions.CopyResourcesAction.Execute(WizardContext wizardContext, IPropertyDataDictionary arguments, IProjectWrap project)
   at Telerik.VSX.Actions.ProjectActionBase.Telerik.VSX.Actions.IProjectAction.Execute(IWizardContext wizardContext, IPropertyDataDictionary arguments, IProjectWrap projectWrap)
   at Telerik.VSX.Actions.MultiProjectActionBase`1.Execute(WizardContext wizardContext, IPropertyDataDictionary arguments)
   at Telerik.VSX.WizardEngine.Actions.ActionBase.Telerik.WizardFramework.IAction.Execute(IWizardContext wizardContext, IPropertyDataDictionary arguments)
   at Telerik.VSX.WizardEngine.ActionManager.ExecActions()

What gives?
Will
Top achievements
Rank 1
 answered on 09 Apr 2015
3 answers
309 views
I am working on a Client-Side paging grid (ServerOperation(false)) where I need to manually update the page size when a new row has been added using the grid's dataSource.insert() method. The reason for this is because I want to have the new record visible as well as any other existing records on the grid on the same page.

I am updating the page size using the following code when a new record is added:

var grid = $("#myGrid").data("kendoGrid");
var currentPageSize = grid.dataSource.pageSize();
grid.dataSource.pageSize(++currentPageSize);
grid.refresh();

Unfortunately, the above code does not work for Client-Side paging but it works on Server-side paging.

Any assistance would be very welcome.
Daniel
Telerik team
 answered on 09 Apr 2015
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
Upload
ComboBox
MultiSelect
ListView
Window
TabStrip
Menu
Installer and VS Extensions
Spreadsheet
AutoComplete
TreeList
Gantt
PanelBar
NumericTextBox
Filter
ToolTip
Map
Diagram
Button
PivotGrid
Form
ListBox
Splitter
Application
FileManager
Sortable
Calendar
View
MaskedTextBox
PDFViewer
TextBox
Toolbar
MultiColumnComboBox
Dialog
DropDownTree
Checkbox
Slider
Switch
Notification
ListView (Mobile)
Pager
Accessibility
ColorPicker
DateRangePicker
Wizard
Security
Styling
Chat
MediaPlayer
TileLayout
DateInput
Drawer
SplitView
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Template
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Rating
ScrollView
ButtonGroup
CheckBoxGroup
Licensing
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
Localization
MultiViewCalendar
PopOver (Mobile)
Ripple
ScrollView (Mobile)
Switch (Mobile)
PivotGridV2
FlatColorPicker
ColorPalette
DropDownButton
AIPrompt
PropertyGrid
ActionSheet (Mobile)
BulletGraph
Button (Mobile)
Collapsible
Loader
CircularGauge
SkeletonContainer
Popover
HeatMap
Avatar
ColorGradient
CircularProgressBar
SplitButton
StackLayout
TimeDurationPicker
Chip
ChipList
DockManager
ToggleButton
Sankey
OTPInput
ChartWizard
SpeechToTextButton
InlineAIPrompt
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
AICodingAssistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?