topic Re: Convert a string to a link in a query result in ArcGIS API for Silverlight Questions

Convert a string to a link in a query result

PaulHuppé — Tue, 07 Dec 2010 11:28:53 GMT

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

Re: Convert a string to a link in a query result

PaulLeedham — Tue, 07 Dec 2010 12:02:03 GMT

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,

Re: Convert a string to a link in a query result

PaulHuppé — Tue, 07 Dec 2010 12:20:46 GMT

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

Re: Convert a string to a link in a query result

PaulLeedham — Tue, 07 Dec 2010 15:10:03 GMT

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,

Re: Convert a string to a link in a query result

DominiqueBroux — Fri, 10 Dec 2021 21:45:03 GMT

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>

Re: Convert a string to a link in a query result

PaulHuppé — Tue, 07 Dec 2010 15:14:32 GMT

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.

Re: Convert a string to a link in a query result

PaulHuppé — Fri, 10 Dec 2021 21:45:06 GMT

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>

Re: Convert a string to a link in a query result

DominiqueBroux — Fri, 10 Dec 2021 21:45:09 GMT

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 });

Re: Convert a string to a link in a query result

PaulHuppé — Tue, 07 Dec 2010 16:19:26 GMT

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

Re: Convert a string to a link in a query result

AndrewHargreaves — Fri, 10 Dec 2021 21:45:12 GMT

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>

Re: Convert a string to a link in a query result

PaulHuppé — Fri, 10 Dec 2021 21:45:15 GMT

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?