Is there anyway I can bind two values into my XAML?

Question

I have a listview and I bind the values I get from my DB to my XAML. I bind one value now into my XAML but i wish to bind two values, is it possible or is it only possible in code? If so, how would I accomplish that.

This is my code:

    public class items
    {
        public string infoOne { get; set;}
        public string infoTwo { get; set;}
    }

    async void loadList ()
    {

        var getItems = await phpApi.getEvents ();


        theList = new List <items> ();
        foreach (var currentitem in getItems["results"]) {

            theList.Add (new items () {

                infoOne = currentitem ["name"].ToString (), 
                infoTwo = currentitem ["phone"].ToString ()
            });

       mylist.ItemsSource = theList;

     }

XAML:

        <Label Text = "{Binding infoOne}" /> //How could I add infoTwo to the same label and also add a space between them?

I just updated my answer to better fit your question – Matt Apr 27 '16 at 18:49 — Matt, Apr 27 '16 at 18:49

Matt · Accepted Answer · 2016-04-27T18:49:09.343

5

Unfortunately this is not (yet?) supported. As Pheonys says, you can do this in WPF but not in Xamarin.Forms.

If you want to bind to two properties in one ViewModel you should create another property like this:

public class items
{
    public string infoOne { get; set;}
    public string infoTwo { get; set;}
    public string infoFull
    {
        get { return $"{infoOne} {infoTwo}"; }
    }
}

Just change your item class to this.

Your XAML will be like this:

<Label Text = "{Binding infoFull}" />

edited Apr 27 '16 at 18:49

answered Apr 27 '16 at 18:08

Matt

4,612
1
24
44

1

Works like a charm. Thanks Matt – medvedo Apr 27 '16 at 18:53

AntiTcb · Answer 2 · 2016-04-27T18:04:54.527

0

You could add a get-only property and bind to that.

public string combinedInfo { get; } = $"{infoOne} {infoTwo}";

edited Apr 27 '16 at 18:04

answered Apr 27 '16 at 17:57

AntiTcb

609
4
15

I cannot reach infoOne + infoTwo – medvedo Apr 27 '16 at 18:02
1

What do you mean that you cannot "reach" them? – AntiTcb Apr 27 '16 at 18:04
when i add that into my public class it cannot find infoOne and infoTwo, the values i have above it. – medvedo Apr 27 '16 at 18:30

score 0 · Answer 3 · edited May 23 '17 at 11:52

0

Making some assumptions (as I've not played in Xamarin), in WPF XAML you could use a multibinding class and a string formatter.

MultiBinding Class (MSDN)

An example of doing this can be found in the answer to this stack overflow question: How to bind multiple values to a single WPF TextBlock?

edited May 23 '17 at 11:52

Community

1
1

answered Apr 27 '16 at 17:57

Pheonyx

851
6
15

score 0 · Answer 4 · answered Apr 27 '16 at 18:06

There is no built-in support for MultiBinding but you can use Xamarin.Forms.Proxy library to achieve it.

    <Label.Text>
      <xfProxy:MultiBinding StringFormat="Good evening {0}. You are needed in the {1}">
        <Binding Path="User" />
        <Binding Path="Location" />
      </xfProxy:MultiBinding>
    </Label.Text>

score 0 · Answer 5 · answered Apr 27 '16 at 18:16

0

have you tried the following?

public class items
{
    public string infoOne { get; set;}
    public string infoTwo { get; set;}
    public string infoOneAndinfoTwo {get; set;}
}

async void loadList ()
{

    var getItems = await phpApi.getEvents ();


    theList = new List <items> ();
    foreach (var currentitem in getItems["results"]) {

        theList.Add (new items () {

            infoOne = currentitem ["name"].ToString (), 
            infoTwo = currentitem ["phone"].ToString (),
            infoOneAndinfoTwo = infoOne + " " + infoTwo
        });

   mylist.ItemsSource = theList;

 }

XAML:

<Label Text = "{Binding infoOneAndinfoTwo}" />

answered Apr 27 '16 at 18:16

CharlesMighty

572
1
5
15

Yeah I tried it, cannot find = infoOne + " " + infoTwo unfortantly – medvedo Apr 27 '16 at 18:28
`infoOneAndinfoTwo` should not have a public setter, or be defined as a readonly field. – AntiTcb Apr 27 '16 at 18:33
Not sure I quite understand what you mean, I have the exact code as you showcase above and I cannot find infoOne + infoTwo when I try to connect it wiht the infoOneAndinfoTwo = //cannot find the values here. – medvedo Apr 27 '16 at 18:36

Is there anyway I can bind two values into my XAML?

5 Answers5