Telerik Forums
UI for ASP.NET MVC Forum
0 answers
202 views
I am using Kendo Grid in MVC. Can i add functionality like Change row Order with 

1) Drag/Drop then get Source/Target
2) Or using Custom Top/Bottom Button command

Any Idea?
Muhammad Imran
Top achievements
Rank 1
 asked on 22 Oct 2012
3 answers
370 views
I have VS 2010 Ultimate Version 10.0.40219.1 SP1Rel
Microsoft .NET Framework Version 4.0.30319 SP1Rel
I have purchased and installed Kendo UI for ASP.NET MVC with the Telerik Control Panel.
It installed with no errors.

Creating a New Project (C# Kendo UI for MVC Web Applications) FAILS immediately
with Visual Studio Error

The component 'Telerik.VSX.Shell.Xaml.Commonxaml' does not have a resource identified by the URI
/Telerik.VSX.Shell;component/xaml/commonxaml.xaml

Googed the error but can not find any solutions.

Any ideas...
Biliana Ficheva
Telerik team
 answered on 22 Oct 2012
0 answers
109 views

Requirements

Kendo UI Suite and Version


jQuery Version


Supported Browsers and Platforms


Components/Widgets used 



PROJECT DESCRIPTION 
[enter description here, together with step-by-step instructions on how to use the project]
Jacob
Top achievements
Rank 1
 asked on 22 Oct 2012
0 answers
142 views
Currently, I am doing an edit page. In that page I want show a list of files which were linked to  the current client and allowed to be removed or add new file.
For example, when I create a new client, I can upload file1, and the file path is stored in the database.
when I edit this client, I wanna to show file1 link in the edit page and I can remove this file or upload new files.

How can I do? Can I use the file path to set the value to this component? THX
Ben
Top achievements
Rank 1
 asked on 21 Oct 2012
5 answers
766 views
I integrated the Kendo UI MVC controls with MVC 3 app, as mentioned in the link http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/introduction.

but getting Javascript errors with MVC - Object doesnt support this method or property

e.g.

jQuery(function(){jQuery("#Grid").kendoGrid()

here getting error "kendoGrid" Object doesnt support this method or property

)here getting error " Object doesnt support this method or property
venkat
Top achievements
Rank 1
 answered on 20 Oct 2012
0 answers
278 views
Hi,

I am using @Html.Kendo().DropDownList() with MVC 4 for a mobile application.  The construct of my list is quite simple (See below) .  The list seems to render as the source produced is a jquery function with all the items I expect to be in the list.  However the dropdown never displays but I am not getting any jquery errors.  Any help on this would be appreciated.

The HTML looks interesting through chrome as  

<span tabindex="0" style="display: none; " unselectable="on" class="k-widget k-dropdown k-header">
<span unselectable="on" class="k-dropdown-wrap k-state-default">
<span unselectable="on" class="k-input">&nbsp;</span>
<span class="k-select"><span class="k-icon k-i-arrow-s">select</span>
</span>
</span>
<input id="ClubList" name="ClubList" type="text" data-role="dropdownlist" style="display: none; "></span>


 @(Html.Kendo().DropDownList()
          .Name("ClubList")
          .DataTextField("Name")
          .DataValueField("ClubID")
          .BindTo(new SelectList(Model.ClubList, "ClubID", "Name")) 
          .SelectedIndex(1)
          )
Ashis
Top achievements
Rank 1
 asked on 19 Oct 2012
12 answers
563 views
Hi,

I have a grid with many columns.  All columns don't fit on 1 screen so the horizontal scroll bar appears automatically.  The grid has data in the footer (column totals etc..).  The problem is when I scroll left/right, the footer does not scroll so I can never see that part of the grid end of the footer.

Is there anyway to make the footer scroll with the rest of the column the way the header works?

Thanks,

pt
Pierre
Top achievements
Rank 1
 answered on 19 Oct 2012
1 answer
134 views
Disassembled code with ILSpy:
// Kendo.Mvc.Extensions.QueryableExtensions
private static DataSourceResult CreateDataSourceResult(this IQueryable queryable, DataSourceRequest request, ModelStateDictionary modelState, LambdaExpression selector)
{
. . . .   

Should replace
List<AggregateDescriptor> aggregates = new List<AggregateDescriptor>();
    if (aggregates != null)
    {
        aggregates.AddRange(request.Aggregates);
    }

by
List<AggregateDescriptor> aggregates = new List<AggregateDescriptor>();
    if (request.Aggregates != null)
    {
        aggregates.AddRange(request.Aggregates);
    }

Petur Subev
Telerik team
 answered on 19 Oct 2012
1 answer
661 views
Hi Everyone

I want to know if someone can help me out a bit, i am trying to use the foreign key columns, which is working just fine, accept, for some reason my kendo grid shows numeric text boxes instead of comboboxes, and i have followed the examples, but with no luck could i get them right :( attached is the code i am using

@{
        Html.Kendo().Grid<EasyAssets.Model.DTO.HomologationItemDTO>()
            .Name("itemsGrid")
            .Columns(c =>
                {
                    c.Bound(e => e.HomologationItemPriceID).ClientTemplate("<input id='#=ItemPriceID#' type='checkbox'/>").Template(t => "<input id='" + t.ItemPriceID + "' type='checkbox'/>").Title("").Width(30);
                    c.Bound(e => e.ItemPriceID).Filterable(false).Visible(false);
                    c.Bound(e => e.Item);
                    c.Bound(e => e.ItemPrice).Width(120);
                    c.ForeignKey(e => e.PriorityID, (System.Collections.IEnumerable)ViewData["priorities"], "id", "datatext").Title("Priority").Width(170);
                    c.ForeignKey(e => e.StatusID, (System.Collections.IEnumerable)ViewData["statuses"], "id", "datatext").Title("Status").Width(170);
                })
            .Editable(e => e.Mode(GridEditMode.InCell))
            .Sortable()
            .Pageable()
            .Filterable()
            .Scrollable()
            .Selectable(e => e.Mode(GridSelectionMode.Multiple))
            .AutoBind(false)
            .DataSource(e =>
                e.Ajax()
                .Batch(true)
                .ServerOperation(false)
                .PageSize(7)
                .Events(g => g.Error("ItemGridError"))
                .Model(m =>
                {
                    m.Field(f => f.ItemPrice).Editable(false);
                    m.Field(f => f.Item).Editable(false);
                    m.Id(i => i.HomologationItemPriceID);
                })
                .Read(r =>
                    {
                        r.Action("GetItems", "StockInspection");
                        r.Data("GetItemGridData");
                    }
                )
            )
            .Render();
    }

ViewData gets populated like this, the ModuleViewListDTO string(for values) and long(for ID's) properties
ViewData["priorities"] = _priorities = JsonConvert.DeserializeObject<ModuleViewListDTO>(GetOrPost("get", ApiUrl + "/api/Items?lookup=Priority", "")).data;
                ViewData["statuses"] = _statuses = JsonConvert.DeserializeObject<ModuleViewListDTO>(GetOrPost("get", ApiUrl + "/api/Items?lookup=ItemStatus", "")).data;

Attached is the results



Regards
Gregory
Rosen
Telerik team
 answered on 19 Oct 2012
1 answer
818 views
Guys,

How do I set the width of the datepickerFor?

Thanks

Vik
Mk
Top achievements
Rank 1
 answered on 19 Oct 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
ComboBox
Upload
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
Accessibility
ListView (Mobile)
Pager
ColorPicker
DateRangePicker
Security
Wizard
Styling
Chat
DateInput
MediaPlayer
TileLayout
Drawer
SplitView
Template
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Licensing
Rating
ScrollView
ButtonGroup
CheckBoxGroup
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
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?