可编辑按钮

林克

我有两列的数据网格。第一个是按钮ID,第二个是按钮标签。对于buttonLabel列,我希望它们具有“按钮”的外观,当用户单击它时,它将启用编辑模式。

这就是我现在所拥有的:

<ScrollViewer Grid.Row="2" Grid.ColumnSpan="2" Margin="0,3,0,0" VerticalScrollBarVisibility="Auto" HorizontalAlignment="Center" Height="Auto">

                    <DataGrid x:Name="dataGrid"
                              Grid.Row="0"
                              Height="Auto"
                              ItemsSource="{Binding Path=States}"
                              AutoGenerateColumns="False"
                              CanUserAddRows="False"
                              Focusable="False"
                              CanUserSortColumns="True"
                              KeyboardNavigation.TabNavigation="Continue"
                              EnableColumnVirtualization="True"
                              EnableRowVirtualization="True"
                              IsSynchronizedWithCurrentItem="True"
                              SelectionMode="Extended"
                              >
                        <DataGrid.Columns>
                            <DataGridTemplateColumn Header="Id" Width="*" MinWidth="100" 
                                        ClipboardContentBinding="{Binding Path=Id}">

                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <DockPanel LastChildFill="True">
                                            <TextBlock x:Name="textBlock" Margin="1" Text="{Binding Path=Id}"/>
                                        </DockPanel>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>
                            </DataGridTemplateColumn>


                            <DataGridTemplateColumn Header="Label" Width="*" MinWidth="100" 
                                        ClipboardContentBinding="{Binding Path=Label}">

                                <DataGridTemplateColumn.CellTemplate>
                                    <DataTemplate>
                                        <DockPanel LastChildFill="True">
                                            <Button x:Name="textBlock" Margin="1"
                                                Content="{Binding Path=Label}"
                                                Foreground="{Binding Path=ForegroundColor, Converter={StaticResource ColorToSolidColorBrushValueConverter}}"
                                                Background="{Binding Path=BackgroundColor, Converter={StaticResource ColorToSolidColorBrushValueConverter}}"/>

                                        </DockPanel>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellTemplate>

                                <DataGridTemplateColumn.CellEditingTemplate>
                                    <DataTemplate>
                                        <TextBox Text="{Binding Path=Label, UpdateSourceTrigger=PropertyChanged}">
                                        </TextBox>
                                    </DataTemplate>
                                </DataGridTemplateColumn.CellEditingTemplate>

                            </DataGridTemplateColumn>

                        </DataGrid.Columns>

我在此代码中遇到的问题是,当用户想要编辑按钮的内容时,他将需要单击单元格的“边缘”以启用编辑模式。

在此处输入图片说明

我应该如何修改它,以便在单击按钮时立即启用编辑模式?(仅供参考,我在应用程序中使用文本块而不是按钮的应用程序具有相同的实现,并且效果很好)

默文

选项一:在按钮上将IsHitTestVisible属性设置为false。

选项二:通过从Button模板复制XAML,使TextBlock看起来像一个按钮。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击按钮时使字段可编辑

来自分类Dev

挖空x可编辑的替代按钮文字

来自分类Dev

带保存按钮的可编辑HTML表单

来自分类Dev

单击按钮时使字段可编辑

来自分类Dev

按钮可拖动,同时内容可编辑

来自分类Dev

如何快速创建可编辑的按钮/标签

来自分类Dev

当点击行编辑按钮时使行可编辑

来自分类Dev

单击编辑按钮后如何使EditText可编辑

来自分类Dev

单击“编辑”按钮后如何使禁用的输入可编辑

来自分类Dev

当点击行编辑按钮时使行可编辑

来自分类Dev

在可编辑按钮中显示保存底部的编辑文本

来自分类Dev

自定义X可编辑(AngularJS)的取消代码按钮

来自分类Dev

如何使“可编辑”使用“确定/取消”的Bootstrap按钮类?

来自分类Dev

Bootstrap X可编辑的文本区域清除按钮

来自分类Dev

Bootstrap X可编辑的文本区域清除按钮

来自分类Dev

JavaFX组合框样式按钮(如果可编辑)

来自分类Dev

提交按钮后,Yii不保存可编辑的网格

来自分类Dev

MailChimp可编辑按钮的内联样式被覆盖

来自分类Dev

仅当我单击“编辑”按钮时,如何使自定义窗口小部件可编辑?

来自分类Dev

单击带有反应表的单元格上的“编辑”按钮时如何使行可编辑

来自分类Dev

编辑引导程序可编辑对话框(在顶部添加X关闭按钮)

来自分类Dev

如何在 angular 4 中单击编辑按钮使所选行可编辑

来自分类Dev

编辑jQuery可编辑选择

来自分类Dev

立即编辑可编辑的UIWebView

来自分类Dev

编辑jQuery可编辑选择

来自分类Dev

使SKLabelNode可编辑

来自分类Dev

双击可编辑的TreeViewItem

来自分类Dev

使<li>标签可编辑

来自分类Dev

GXT可编辑ListView

Related 相关文章

热门标签

归档