Telerik Forums
Kendo UI for jQuery Forum
2 answers
537 views

I am a newbie with Kendo and trying to wrap my head around the grid control. Here is what i am trying to accomplish. 

Create a grid to add new records(these will not be sent back to the server at this time)

Be able to delete or edit the records added.

Bound these records with a model

The information on the view will be passed to through the session to a different page and then submitted to the server. The problem i am having is i am only able to add one record. I enter the information and click on add new record again and it wipes out the one i created.

I have attached a pic of how my grid looks like.

Below is my code for the grid. Since i am not passing info to the server i just created dummy create and destroy actions and controller.

 

@(Html.Kendo().Grid<HSBEnrollment.Models.EnrollAccountData>()
    .Name("grid")
    .AutoBind(false)

    .Scrollable(scr => scr.Height(350)) 
    .Editable(editable => editable.CreateAt(GridInsertRowPosition.Top))
    .ToolBar(tbar => tbar.Create())
    .Columns(c => {
        c.Bound(m => m.EnrollAccountsId).Width(150);
        c.Bound(m => m.AccountNum).Width(150);
        c.Bound(m => m.AccountTypeId).Width(150);
        c.Command(command => {  command.Destroy(); }).Width(100);
    })
              
    .DataSource(dataSource => dataSource
    .Ajax()
    .ServerOperation(false)
    .Model(m =>
    {
       
        m.Id(EnrollAccountData => EnrollAccountData.EnrollAccountsId);
        m.Field(EnrollAccountData => EnrollAccountData.AccountNum);
        m.Field(EnrollAccountData => EnrollAccountData.AccountTypeId);
     })
    .Create("IngGrid_Create", "Grid") // <-- dummy action that doesn't exist in controller
    .Destroy("IngGrid_Destroy", "Company") // <-- dummy action that doesn't exist in controller
    )
)

Daniel
Telerik team
 answered on 25 May 2015
1 answer
435 views

Hi,

   I am very new to kendo and I have of data in and want to bind that data to kendo grid using and procedure(for fetching).

I am familiar with Telerik's grid data binding with . Do we have the similar option with the Kendo?

Alexander Popov
Telerik team
 answered on 25 May 2015
4 answers
217 views
Hi,

If you compare the way you override the item definitions here:
  • http://docs.kendoui.com/getting-started/web/treeview/overview#item-definition

"The 
textimageUrlspriteCssClass and url fields can be changed through the datatextfielddataimageurlfield,dataspritecssclassfield, and dataurlfield, respectively."

And the way you override it here:
  • http://docs.kendoui.com/getting-started/framework/hierarchicaldatasource/overview#the-haschildren-property

The hasChildren property

The hasChildren boolean property indicates whether a data item contains children that can be fetched from the server. You can either hard-code it, map it to another property, or compute it with a function:



You can see that there is no standand. 
I need something like that to my project's datasouce options:
    schema: {
           model: {
               id: "Id",
               hasChildren: "HasChildUnits",
               expanded: "ChildrenDownloaded"
           }
       }
But that does not work as expected. The hasChildren made me believe that this would work.

I think it is a bug.
Alex Gyoshev
Telerik team
 answered on 25 May 2015
1 answer
288 views

 Hi,

  I'm having a couple of issues with the kendo grid which i can't seem to resolve.
  Have a look at the example at http://dojo.telerik.com/oWaMA and try to resize the first column.

  2 things happen : 

   - first all columns with no width set will be completely collapsed

   - if you keep making the column larger it will push the other columns out of the grid

 

  Is there any way to have a non scrollable grid with no-wrap that :

   - respects a min-width for a column

   - respects the initial width of the grid and does not push the columns out

   - when resizing a column is no longer possible due to all columns have reached min-width

     and the max size is reached that it stops resizing ?

 

  Any help on this is definitely appreciated.

regards,

Kris Daniels

 

regards,

Kris Daniels

 

​

Boyan Dimitrov
Telerik team
 answered on 25 May 2015
1 answer
135 views

Hey,

A "simplified" example of my problem:

http://dojo.telerik.com/UxEsU

Steps to reproduce:

Click on the 'Active' button to filter on that column

Click on the 'X' button to remove the filter from that column.

Problem:

=> no event was thrown on this last action  => the 'Active' button remains selected

Yet the underlying input box (not hidden here for debug purposes) is changed.

Questions: 

Which event is raised on removing this filter?

Is there a better way to achieve this?

 

 

What am I trying to do?

I have a lot of grids who use boolean values.  With the Template of a column I can show a Human Friendly string.

I'm trying to reuse this template to make the Filtering on that column also user friendly (instead of the  Istrue and IsFalse that is shown by default)

As per customer request I'm using buttons instead of the default radio boxes.  But that should not affect my problem imho?

 

Thanks in advance.

 

 

Alexander Popov
Telerik team
 answered on 25 May 2015
1 answer
149 views
Is it possible and how to add hint to Toolbar items (buttons). I do not want to add text, only hint or tooltip.
Alexander Valchev
Telerik team
 answered on 25 May 2015
1 answer
133 views

Hello,

 

Hi there,

 

We have implemented a Kendo's Pivot grid and works fine.

When expanding fields the grid tend to grow to the right and  users would like to change it to grow down instead.

 

Is there a way to configure such a functionality?

 

Will really appreciate your help

 

Regards

Adrian

Georgi Krustev
Telerik team
 answered on 25 May 2015
1 answer
92 views

Hi,

Lets say you have a 3 pane splitter. All of them have min width. First pane is collapsible. If you collapse first pane, then minimize second to its minimum, and after that you 'uncollapse' first one - it ingores min width of second pane, and just kinda collapse it.

Please have a look at this example:

http://dojo.telerik.com/AsOPO/2

1. Hide first slider

2. Move the second slider towards the hidden field to its minimum size.

3. Uncollapse the slider from step 1.

 

Is it normal behavior or it's some kind of bug? If not - how to avoid it?

 

Thanks,

Vlad.

 

Atanas Georgiev
Telerik team
 answered on 25 May 2015
3 answers
142 views

I would like to set the maxDateGroups based on the width of the chart. Some people have big monitors and some have small, so I would like to adjust the number of points shown based on the screen (chart) size.  Is there a way to calculate the number to set on maxDateGroups such that the dates don't start overlapping or look too crowded on the x axis?

 

Thanks

Xavier
Top achievements
Rank 1
 answered on 22 May 2015
7 answers
302 views
Hi,

When using a detail template and resizable columns, the resizing of the columns is not enabled. The example provided is using the MVC builder. Any help would be appreciated.

@(Html.Kendo().Grid<TelerikMvcApp4.Models.Model1>()
        .Name("abc")
        .Reorderable(conf => conf.Columns(true))
        .Resizable(conf => conf.Columns(true))
        .ColumnMenu()
        .ClientDetailTemplateId("template")
        .Columns(cols =>
        {
            cols.Bound(p => p.strName).Title("strName");
            cols.Bound(p => p.lAge).Title("lAge");
            cols.Bound(p => p.strComment).Title("strComment");
        })
            .BindTo(new TelerikMvcApp4.Models.Model1[] { new TelerikMvcApp4.Models.Model1() {
                lAge = 20
            }})
        )
    
<script id="template" type="text/kendo-tmpl">
    <div>Hi!</div>
</script>

Regards,

Ragnar Österlund
Richard
Top achievements
Rank 1
 answered on 22 May 2015
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?