একটি ডাব্লুপিএফ অ্যাপ্লিকেশনে, এমভিপি অ্যাপে আমার একটি কম্বো বাক্স রয়েছে, যার জন্য আমি ডেটাবেস থেকে প্রাপ্ত ডেটা প্রদর্শন করি। আইটেমগুলি কম্বো বাক্সে যুক্ত করার আগে আমি ডিফল্ট পাঠ্য যেমন প্রদর্শন করতে চাই
" -- দল নির্বাচন কর --"
যাতে পৃষ্ঠা লোডে এটি প্রদর্শিত হয় এবং এটি নির্বাচন করার সময় পাঠ্যটি সাফ করা উচিত এবং আইটেমগুলি প্রদর্শিত হবে।
ডিবি থেকে ডেটা নির্বাচন করা হচ্ছে। ব্যবহারকারী কম্বো বাক্স থেকে কোনও আইটেম নির্বাচন না করা পর্যন্ত আমাকে ডিফল্ট পাঠ্য প্রদর্শন করা দরকার।
আমাকে গাইড করুন
উত্তর:
এটি করার সবচেয়ে সহজ উপায়টি হ'ল:
<ComboBox Name="MyComboBox"
IsEditable="True"
IsReadOnly="True"
Text="-- Select Team --" />আপনার অবশ্যই অন্যান্য বিকল্পগুলি যুক্ত করতে হবে তবে এটি সম্ভবত এটি করার সহজতম উপায়।
এই পদ্ধতির একদম নেতিবাচক দিক রয়েছে যা আপনার কম্বো বাক্সের ভিতরে থাকা পাঠ্য সম্পাদনাযোগ্য হবে না, এটি এখনও নির্বাচনযোগ্য। তবে, আমি আজ পর্যন্ত খুঁজে পেয়েছি এমন প্রতিটি বিকল্পের নিম্নমানের এবং জটিলতার কারণে, এটি সম্ভবত সেরা বিকল্প।
Focusable="False" IsEditable="True" IsReadOnly="True"
আপনি কোনও ব্যবহার করে পিছনে কোনও কোড ছাড়াই এটি করতে পারেন IValueConverter।
<Grid>
<ComboBox
x:Name="comboBox1"
ItemsSource="{Binding MyItemSource}" />
<TextBlock
Visibility="{Binding SelectedItem, ElementName=comboBox1, Converter={StaticResource NullToVisibilityConverter}}"
IsHitTestVisible="False"
Text="... Select Team ..." />
</Grid>এখানে আপনার কাছে রূপান্তরকারী শ্রেণি রয়েছে যা আপনি পুনরায় ব্যবহার করতে পারেন।
public class NullToVisibilityConverter : IValueConverter
{
#region Implementation of IValueConverter
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
return value == null ? Visibility.Visible : Visibility.Collapsed;
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
throw new NotImplementedException();
}
#endregion
}এবং অবশেষে, আপনাকে একটি সংস্থান বিভাগে আপনার রূপান্তরকারী ঘোষণা করতে হবে।
<Converters:NullToVisibilityConverter x:Key="NullToVisibilityConverter" />রূপান্তরকারী হ'ল জায়গাটি যেখানে আপনি রূপান্তরকারী শ্রেণি রেখেছেন। একটি উদাহরণ:
xmlns:Converters="clr-namespace:MyProject.Resources.Converters"এই পদ্ধতির সম্পর্কে খুব সুন্দর জিনিসটি আপনার কোডের পিছনে কোডটির কোনও পুনরাবৃত্তি নয়।
DataTriggerএখানে রূপান্তরকারী কোডটি এড়াতে একটি ব্যবহার করতে পারেন :)
আমি ট্রাই কিউর উত্তরটি পছন্দ করি তবে সেই মান রূপান্তরকারীগুলি ব্যবহারের জন্য ব্যথা। পলবি ইভেন্ট হ্যান্ডলারটি দিয়ে এটি করেছে, তবে এটিও অপ্রয়োজনীয়। এখানে একটি খাঁটি এক্সএএমএল সমাধান রয়েছে:
<ContentControl Content="{Binding YourChoices}">
<ContentControl.ContentTemplate>
<DataTemplate>
<Grid>
<ComboBox x:Name="cb" ItemsSource="{Binding}"/>
<TextBlock x:Name="tb" Text="Select Something" IsHitTestVisible="False" Visibility="Hidden"/>
</Grid>
<DataTemplate.Triggers>
<Trigger SourceName="cb" Property="SelectedItem" Value="{x:Null}">
<Setter TargetName="tb" Property="Visibility" Value="Visible"/>
</Trigger>
</DataTemplate.Triggers>
</DataTemplate>
</ContentControl.ContentTemplate>
</ContentControl>কেউ বলেনি একটি খাঁটি এক্সএএমএল সমাধান জটিল হতে হবে। এখানে পাঠ্য বাক্সে 1 ডেটা ট্রিগার সহ একটি সাধারণ one প্রযোজ্য হিসাবে প্রান্তিক এবং অবস্থান
<Grid>
<ComboBox x:Name="mybox" ItemsSource="{Binding}"/>
<TextBlock Text="Select Something" IsHitTestVisible="False">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Setter Property="Visibility" Value="Hidden"/>
<Style.Triggers>
<DataTrigger Binding="{Binding ElementName=mybox,Path=SelectedItem}" Value="{x:Null}">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>
</Grid><Setter Property="Visibility" Value="Hidden"/>বাইরে (স্টাইলের ভিতরে) যুক্ত করা এবং Visibility="Hidden"আসল পাঠ্যরূপ উপাদানটি সরিয়ে দেওয়া
উপাদান সেট IsEditable="True"করুন ComboBox। এটি এর Textসম্পত্তি প্রদর্শন করবে ComboBox।
এটি সরাসরি সমর্থিত কিনা তা আমি জানি না তবে আপনি কম্বলটিকে একটি লেবেল দিয়ে ওভারলে করতে পারেন এবং নির্বাচনটি বাতিল না হলে এটি লুকিয়ে রাখতে পারেন।
যেমন।
<Grid>
<ComboBox Text="Test" Height="23" SelectionChanged="comboBox1_SelectionChanged" Name="comboBox1" VerticalAlignment="Top" ItemsSource="{Binding Source=ABCD}" />
<TextBlock IsHitTestVisible="False" Margin="10,5,0,0" Name="txtSelectTeam" Foreground="Gray" Text="Select Team ..."></TextBlock>
</Grid>তারপরে নির্বাচনের পরিবর্তিত হ্যান্ডলার ...
private void comboBox1_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
txtSelectTeam.Visibility = comboBox1.SelectedItem == null ? Visibility.Visible : Visibility.Hidden;
}আইসফর্সের উত্তরের ভিত্তিতে আমি একটি পুনরায় ব্যবহারযোগ্য সমাধান প্রস্তুত করেছি:
xaml শৈলী:
<Style x:Key="ComboBoxSelectOverlay" TargetType="TextBlock">
<Setter Property="Grid.ZIndex" Value="10"/>
<Setter Property="Foreground" Value="{x:Static SystemColors.GrayTextBrush}"/>
<Setter Property="Margin" Value="6,4,10,0"/>
<Setter Property="IsHitTestVisible" Value="False"/>
<Setter Property="Visibility" Value="Hidden"/>
<Style.Triggers>
<DataTrigger Binding="{Binding}" Value="{x:Null}">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>ব্যবহারের উদাহরণ:
<Grid>
<ComboBox x:Name="cmb"
ItemsSource="{Binding Teams}"
SelectedItem="{Binding SelectedTeam}"/>
<TextBlock DataContext="{Binding ElementName=cmb,Path=SelectedItem}"
Text=" -- Select Team --"
Style="{StaticResource ComboBoxSelectOverlay}"/>
</Grid>কম্বো বাক্স দিয়ে চেষ্টা করে দেখেনি তবে এটি অন্যান্য নিয়ন্ত্রণের সাথে আমার পক্ষে কাজ করেছে ...
তিনি জলছবি প্রদর্শন করতে এখানে আলোরনার স্তরটি ব্যবহার করেন।
হ্যাপিএনমাদের সমাধানটি খুব ভাল ছিল এবং অবশেষে আমাকে এই সামান্য ভিন্ন সমাধানে আসতে সহায়তা করেছিল।
<ComboBox x:Name="ComboBoxUploadProject"
Grid.Row="2"
Width="200"
Height="23"
Margin="64,0,0,0"
ItemsSource="{Binding projectList}"
SelectedValue ="{Binding projectSelect}"
DisplayMemberPath="projectName"
SelectedValuePath="projectId"
>
<ComboBox.Template>
<ControlTemplate TargetType="ComboBox">
<Grid>
<ComboBox x:Name="cb"
DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}}"
ItemsSource="{Binding ItemsSource, RelativeSource={RelativeSource TemplatedParent}}"
SelectedValue ="{Binding SelectedValue, RelativeSource={RelativeSource TemplatedParent}}"
DisplayMemberPath="projectName"
SelectedValuePath="projectId"
/>
<TextBlock x:Name="tb" Text="Select Item..." Margin="3,3,0,0" IsHitTestVisible="False" Visibility="Hidden"/>
</Grid>
<ControlTemplate.Triggers>
<Trigger SourceName="cb" Property="SelectedItem" Value="{x:Null}">
<Setter TargetName="tb" Property="Visibility" Value="Visible"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</ComboBox.Template>
</ComboBox>সবচেয়ে সহজ উপায় হ'ল কম্বোবক্সে সরাসরি ডাটাবেস থেকে ডিফল্ট পাঠ্য এবং ডেটা মার্জ করার জন্য কমপোজিট কালেকশন ব্যবহার করা
<ComboBox x:Name="SelectTeamComboBox" SelectedIndex="0">
<ComboBox.ItemsSource>
<CompositeCollection>
<ComboBoxItem Visibility="Collapsed">-- Select Team --</ComboBoxItem>
<CollectionContainer Collection="{Binding Source={StaticResource ResourceKey=MyComboOptions}}"/>
</CompositeCollection>
</ComboBox.ItemsSource>
</ComboBox>এবং সংস্থানগুলিতে আপনার ডাটাকন্টেক্সটে কম্বোবক্স বিকল্পগুলি আবদ্ধ করতে স্ট্যাটিক রিসোর্সকে সংজ্ঞায়িত করা হয়েছে, কারণ কালেকশনকন্টেইনারে সরাসরি বাঁধাই সঠিকভাবে কাজ করে না।
<Window.Resources>
<CollectionViewSource Source="{Binding}" x:Key="MyComboOptions" />
</Window.Resources>এইভাবে আপনি আপনার কম্বোবক্স বিকল্পগুলি কেবল এক্সএএমএল যেমন সংজ্ঞায়িত করতে পারেন
<ComboBox x:Name="SelectTeamComboBox" SelectedIndex="0">
<ComboBox.ItemsSource>
<CompositeCollection>
<ComboBoxItem Visibility="Collapsed">-- Select Team --</ComboBoxItem>
<ComboBoxItem >Option 1</ComboBoxItem>
<ComboBoxItem >Option 2</ComboBoxItem>
</CompositeCollection>
</ComboBox.ItemsSource>
</ComboBox>আমি নিম্নলিখিতটি সুপারিশ করব:
একটি আচরণ সংজ্ঞায়িত করুন
public static class ComboBoxBehaviors
{
public static readonly DependencyProperty DefaultTextProperty =
DependencyProperty.RegisterAttached("DefaultText", typeof(String), typeof(ComboBox), new PropertyMetadata(null));
public static String GetDefaultText(DependencyObject obj)
{
return (String)obj.GetValue(DefaultTextProperty);
}
public static void SetDefaultText(DependencyObject obj, String value)
{
var combo = (ComboBox)obj;
RefreshDefaultText(combo, value);
combo.SelectionChanged += (sender, _) => RefreshDefaultText((ComboBox)sender, GetDefaultText((ComboBox)sender));
obj.SetValue(DefaultTextProperty, value);
}
static void RefreshDefaultText(ComboBox combo, string text)
{
// if item is selected and DefaultText is set
if (combo.SelectedIndex == -1 && !String.IsNullOrEmpty(text))
{
// Show DefaultText
var visual = new TextBlock()
{
FontStyle = FontStyles.Italic,
Text = text,
Foreground = Brushes.Gray
};
combo.Background = new VisualBrush(visual)
{
Stretch = Stretch.None,
AlignmentX = AlignmentX.Left,
AlignmentY = AlignmentY.Center,
Transform = new TranslateTransform(3, 0)
};
}
else
{
// Hide DefaultText
combo.Background = null;
}
}
}ব্যবহার আচরণ
<ComboBox Name="cmb" Margin="72,121,0,0" VerticalAlignment="Top"
local:ComboBoxBehaviors.DefaultText="-- Select Team --"/>আইসফর্সের উত্তরটি খুব কাছাকাছি ছিল এবং এটি এএফএইকে এই সমস্যার সহজ সমাধান। তবে এটি কিছু মিস করেছে, কারণ এটি কাজ করছে না (কমপক্ষে আমার জন্য, এটি আসলে পাঠ্যটি কখনই প্রদর্শন করে না)।
শেষ পর্যন্ত, আপনি যখন কম্বো বাক্সের নির্বাচিত আইটেমটি নালাগুলি না রেখে টেক্সটব্লকের "ভিজিবিলিটি" সম্পত্তিটি "লুকানো" হিসাবে সেট করতে পারবেন না; আপনাকে এটি ডিফল্টরূপে সেট করতে হবে (যেহেতু আপনি ট্রিগারগুলিতে নਾਲ পরীক্ষা করতে পারবেন না একই জায়গায় এক্সএএমএলএল সেটার ব্যবহার করে ।
তার ভিত্তিতে প্রকৃত সমাধানটি এখানে, নিখোঁজ সেটারটি ট্রিগারদের ঠিক সামনে রাখা হয়েছিল:
<ComboBox x:Name="combo"/>
<TextBlock Text="--Select Team--" IsHitTestVisible="False">
<TextBlock.Style>
<Style TargetType="TextBlock">
<Style.Setters>
<Setter Property="Visibility" Value="Hidden"/>
</Style.Setters>
<Style.Triggers>
<DataTrigger Binding="{Binding ElementName=combo,Path=SelectedItem}" Value="{x:Null}">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>সম্পাদনা: নীচের মন্তব্যগুলিতে, এটি কোনও সমাধান নয়। আমি কীভাবে এটি কাজ করেছিলাম তা নিশ্চিত নই এবং সেই প্রকল্পটি চেক করতে পারি না।
সর্বশেষতম এক্সএএমএল-এর জন্য এই উত্তরটি আপডেট করার সময় এসেছে।
এই প্রশ্নের সমাধানের জন্য অনুসন্ধান করে এই এই প্রশ্নটি সন্ধান করে, আমি তখন আবিষ্কার করেছি যে আপডেট হওয়া এক্সএএমএল স্পেকের একটি সহজ সমাধান রয়েছে।
এই স্থানটি সম্পাদন করতে এখন "প্লেসহোল্ডার" নামে একটি বৈশিষ্ট্য উপলব্ধ। এটি এর মতোই সহজ (ভিজ্যুয়াল স্টুডিও 2015):
<ComboBox x:Name="Selection" PlaceholderText="Select...">
<x:String>Item 1</x:String>
<x:String>Item 2</x:String>
<x:String>Item 3</x:String>
</ComboBox>PlaceholderTextসম্পত্তি নেই বলে আপনি ভোট দিয়েছিলেন । এটি উইনফোর্ডস নয়, ডাব্লুপিএফ সম্পর্কে একটি প্রশ্ন। System.Windows.ComboBox
সেরা অনুশীলন নয়..কিন্তু ভাল কাজ করে ...
<ComboBox GotFocus="Focused" x:Name="combobox1" HorizontalAlignment="Left" Margin="8,29,0,0" VerticalAlignment="Top" Width="128" Height="117"/>পিছনে কোড
public partial class MainWindow : Window
{
bool clearonce = true;
bool fillonce = true;
public MainWindow()
{
this.InitializeComponent();
combobox1.Items.Insert(0, " -- Select Team --");
combobox1.SelectedIndex = 0;
}
private void Focused(object sender, RoutedEventArgs e)
{
if(clearonce)
{
combobox1.Items.Clear();
clearonce = false;
}
if (fillonce)
{
//fill the combobox items here
for (int i = 0; i < 10; i++)
{
combobox1.Items.Insert(i, i);
}
fillonce = false;
}
}
}আমি বিশ্বাস করি যে এই পোস্টে উল্লিখিত একটি জলছবি এই ক্ষেত্রে ভাল কাজ করবে
কিছুটা কোড দরকার আছে তবে আপনি যে কোনও কম্বোবক্স বা পাঠ্যবক্স (এবং এমনকি পাসওয়ার্ডবক্স) এর জন্য এটি পুনরায় ব্যবহার করতে পারেন তাই আমি এই উপায়ে পছন্দ করি
আমি আমার প্রকল্পে একটি ইসনুলকনভার্টার ক্লাস ব্যবহার করছি এবং এটি আমার পক্ষে কাজ করেছে। সি # তে এর জন্য কোডটি এখানে রয়েছে, রূপান্তরকারী নামে একটি ফোল্ডার তৈরি করুন এবং সেই ফোল্ডারে এই শ্রেণিটি যুক্ত করুন, কারণ ব্যবহৃত ট্রিগারটি নালার চেয়ে মান সমর্থন করে না, এবং ইসনুলকনভার্টার ঠিক এটি করে
public class IsNullConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
return (value == null);
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
throw new InvalidOperationException("IsNullConverter can only be used OneWay.");
}
}এক্সএএমএল ফাইলে এর মতো নেমস্পেস যুক্ত করুন।
xmlns:Converters="clr-namespace:TymeSheet.Converter"মানে
xmlns:Converters="clr-namespace:YourProjectName.Converter"এক্সএএমএল কোডের মাধ্যমে এটিকে availabe করতে সংস্থানগুলির নীচে এই লাইনটি ব্যবহার করুন
<Converters:IsNullConverter x:Key="isNullConverter" />এখানে এক্সএএমএল কোডটি রয়েছে, আমি এখানে ট্রিগারটি ব্যবহার করেছি তাই যখনই কোনও আইটেমি কম্বোবক্সে নির্বাচন করা হয় তখন আপনার পাঠ্যের ভিজিবিলিটি মিথ্যা হয়ে যায়।
<TextBlock Text="Select Project" IsHitTestVisible="False" FontFamily="/TimeSheet;component/Resources/#Open Sans" FontSize="14" Canvas.Right="191" Canvas.Top="22">
<TextBlock.Resources>
<Converters:IsNullConverter x:Key="isNullConverter"/>
</TextBlock.Resources>
<TextBlock.Style>
<Style TargetType="TextBlock">
<Style.Triggers>
<DataTrigger Binding="{Binding ElementName=ProjectComboBox,Path=SelectedItem,Converter={StaticResource isNullConverter}}" Value="False">
<Setter Property="Visibility" Value="Hidden"/>
</DataTrigger>
</Style.Triggers>
</Style>
</TextBlock.Style>
</TextBlock>// এক্সএএমএল কোড
// ভিউমোডেল কোড
private CategoryModel _SelectedCategory;
public CategoryModel SelectedCategory
{
get { return _SelectedCategory; }
set
{
_SelectedCategory = value;
OnPropertyChanged("SelectedCategory");
}
}
private ObservableCollection<CategoryModel> _Categories;
public ObservableCollection<CategoryModel> Categories
{
get { return _Categories; }
set
{
_Categories = value;
_Categories.Insert(0, new CategoryModel()
{
CategoryId = 0,
CategoryName = " -- Select Category -- "
});
SelectedCategory = _Categories[0];
OnPropertyChanged("Categories");
}
}কিছুটা দেরি হলেও ..
আরও সহজ উপায় হ'ল প্যারামিটার ইসডমি = এর সাথে তালিকায় একটি ডামি ডেটা আইটেম যুক্ত করা এবং নিশ্চিত করুন যে এটি হিটটেষ্টভিজেবল নয় এবং এর দৈর্ঘ্যটি 1 পিক্সেল (একটি কনভার্টার ব্যবহার করে) যাতে এটি দেখা যায় না।
কেবল সিলেকশন-এ রেজিস্ট্রেশন করা এবং এটিতে ডামি আইটেম সূচকে সূচকটি সেট করুন।
এটি একটি কবজির মতো কাজ করে এবং এইভাবে আপনি কম্বোবক্স বা আপনার অ্যাপ্লিকেশন থিমের শৈলী এবং রঙগুলির সাথে গণ্ডগোল করবেন না।
কোডবাইন্ডের মতো ডাটাবেস থেকে ডেটা দিয়ে কম্বোবক্সকে বাঁধানোর আগে আমি এটি করেছি -
Combobox.Items.Add("-- Select Team --");
Combobox.SelectedIndex = 0;কম্বোবক্সের উপরে একটি লেবেল রাখুন।
লেবেলের সামগ্রীটি কম্বোবক্স পাঠ্যের বৈশিষ্ট্যে আবদ্ধ করুন।
কম্বোবক্সের অস্বচ্ছতা শূন্য, অপসারণ 0 = সেট করুন।
কম্বোবক্স পাঠ্যের বৈশিষ্ট্যে ডিফল্ট পাঠ্য লিখুন
<ComboBox Name="cb"
Text="--Select Team--" Opacity="0"
Height="40" Width="140" >
<ComboBoxItem Content="Manchester United" />
<ComboBoxItem Content="Lester" />
</ComboBox>
</Grid>আমি জানি এটি অর্ধেক পুরানো তবে এই উপায়টি কী:
<DataTemplate x:Key="italComboWM">
<TextBlock FontSize="11" FontFamily="Segoe UI" FontStyle="Italic" Text="--Select an item--" />
</DataTemplate>
<ComboBox EmptySelectionBoxTemplate="{StaticResource italComboWM}" />ComboBoxনেই EmptySelectionBoxTemplateসম্পত্তি।