nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Convert a string to a link in a query result

PaulHuppé

Hi,

I am doing a query task and getting results back. In the feature set I get back, in the attributes, one of the attributes is an ID which I want to use in a URL. In the results grid, I would like to see just a button or a hyperlinked word which would open a new window to the URL I would build.

Currently, when the query task completes, the results grid is populated using:

QueryDetailsDataGrid.ItemsSource = args.FeatureSet.Features;

Obviously, this will have to change if I want to insert some type of link. I have tried the following code:

                List<Graphic> lstGraphics = new List<Graphic>();
                foreach (Graphic g in args.FeatureSet.Features)
                {
                    if (g.Attributes.ContainsKey("GEOSCANREC"))
                    {
                        g.Attributes["GEOSCANREC"] = "<a href=\"http://geopub.nrcan.gc.ca/html/view_e.php?id=" + g.Attributes["GEOSCANREC"] + "\">GO</a>";
                    }
                    lstGraphics.Add(g);
                }
                QueryDetailsDataGrid.ItemsSource = lstGraphics;

which inserts the URL in the grid, but it is not an active link. Is there a way to change that so the user can click to open the link in a new window?

Thanks,
Paul

Encontre mais publicações marcadas com

Accepted answers

All comments

PaulHuppé

Now that I have the hyperlink button working, I want to do something a little more complicated. When I click the hyperlink button, I would like to both open a window and navigate to the URL specified, as is currently the case, but at the same time, I would like to execute a method in code behind. I tried adding a click event handler to the hyperlink as follows:

            // Add a link to display the GeoSCAN record in a popup
            string attributeName = "GEOSCANREC";
            DataTemplate cellTemplate =
                    (DataTemplate)System.Windows.Markup.XamlReader.Load(@<DataTemplate xmlns="http://schemas.microsoft.com/client/2007""> 
                            <HyperlinkButton NavigateUri=""{Binding Attributes[" + attributeName +
                    @], StringFormat='http://geoscan.ess.nrcan.gc.ca/starweb/geoscan/servlet.starweb?path=geoscan/geoscanfastlink_e.web&amp;search1=R=\{0\}'}"" 
                             TargetName=""_blank"" Click=""DoSomethingOnClick"" ToolTipService.ToolTip=""{StaticResource strDisplayGeoscanRecord}"" ><Image Source=""/Minimal;component/Images/DotDotDot.png"" Width=""18"" Height=""22"" />
                            </HyperlinkButton> </DataTemplate>");
            QueryDetailsDataGrid.Columns.Add(new DataGridTemplateColumn()
            {
                Width = new DataGridLength(115),
                Header = LanguageResources.strGeoscanHeader.ToString(),
                CellTemplate = cellTemplate
            });

What that does is give an error as in the attachment. I get the same result if I try to move the click event to a onleftmousedown event handler on the Image instead.

Is there a way to get the two things done on a single click?

Error.png

AndrewHargreaves

Thanks for the above hint, I used it to hyperlink email address I obtained from a query as shown below:

<slData:DataGridTemplateColumn  Header="Email">
     <slData:DataGridTemplateColumn.CellTemplate>
          <DataTemplate>
               <HyperlinkButton NavigateUri="{Binding Attributes[Email], StringFormat='mailto:\{0\}'}" Content="Email" TargetName="_blank" Foreground="Blue" FontWeight="Normal"/>
          </DataTemplate>
     </slData:DataGridTemplateColumn.CellTemplate>
</slData:DataGridTemplateColumn>

PaulHuppé

That works. Great! Like you said, this is not straightforward.
Thanks,
Paul

DominiqueBroux

You can do the same thing by code, even if the creation of DataTemplate is not straightforward with Silverlight (need to parse a string with XamlReader).

Adding a column by code looks like:

 string attributeName = "GEOSCANREC";
DataTemplate cellTemplate = (DataTemplate)System.Windows.Markup.XamlReader.Load( @<DataTemplate xmlns="http://schemas.microsoft.com/client/2007""> 
    <HyperlinkButton NavigateUri=""{Binding Attributes[" + attributeName + @], StringFormat='http://geopub.nrcan.gc.ca/html/view_e.php?id=\{0\}'}"" Content=""Click here"" TargetName=""_blank"" />
  </DataTemplate>");
queryDetailsDataGrid.Columns.Add(new DataGridTemplateColumn() { Width = new DataGridLength(100), Header = "Hyperlink", CellTemplate = cellTemplate });

PaulHuppé

Hi Dominique,
That is exactly what I want to do, but I need to do all of this in code behind. How do you define this template in code behind?

I don't know your context but it looks like you are trying to display HTML inside Silverlight. That's not that easy.

If you stay inside Silverlight, you should use an 'HyperlinkButton' and set the NavigateUri property.

Inside a datagrid, you can define a column like this:
 
<slData:DataGridTemplateColumn>
  <slData:DataGridTemplateColumn.CellTemplate>
    <DataTemplate>
      <HyperlinkButton NavigateUri="{Binding Attributes[GEOSCANREC], StringFormat='http://geopub.nrcan.gc.ca/html/view_e.php?id=\{0\}'}" Content="Click here" TargetName="_blank" />
    </DataTemplate>
  </slData:DataGridTemplateColumn.CellTemplate>
</slData:DataGridTemplateColumn>

PaulHuppé

I need to add all fields dynamically. So I currently only have the Datagrid control in my XAML page with no template for the columns.

DominiqueBroux

I don't know your context but it looks like you are trying to display HTML inside Silverlight. That's not that easy.

If you stay inside Silverlight, you should use an 'HyperlinkButton' and set the NavigateUri property.

Inside a datagrid, you can define a column like this:

 
<slData:DataGridTemplateColumn>
  <slData:DataGridTemplateColumn.CellTemplate>
    <DataTemplate>
      <HyperlinkButton NavigateUri="{Binding Attributes[GEOSCANREC], StringFormat='http://geopub.nrcan.gc.ca/html/view_e.php?id=\{0\}'}" Content="Click here" TargetName="_blank" />
    </DataTemplate>
  </slData:DataGridTemplateColumn.CellTemplate>
</slData:DataGridTemplateColumn>

PaulLeedham

Are you adding this field as a hyperlink button to your list or grid?
After you have defined your class or itemsource for the data container you would bind your control like so:
<HyperlinkButton Content="GO" NavigateUri="{Binding [GEOSCANREC]}" TargetName="_blank" />

Thanks,

PaulHuppé

Hi,
Yes, I know about the Target="_Blank" property. You can see what I currently get in the attached image. I do not want to see the URL, but maybe just the word GO or a button maybe.
Paul

results.png

PaulLeedham

Have you tried?:
GEOSCANREC"] = "<a href=\"http://geopub.nrcan.gc.ca/html/view_e.php?id=" + g.Attributes["GEOSCANREC"] + "\" Target=_Blank>GO</a>";

We handle our links by modifying the class, but I think this should also work. You may want to also add some error handling to notify the user if they have their pop-up blocker turned on.

Thanks,

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.