Getting the Id of the widget sending the message

[duncanf95]

hey I'm trying to create an app where there would be multiple similar rows for data input (line items as I would refer to them)

so I want to have rows, each row has a text input, each text input should be exactly the same aside from their ID. So each text input calls the same message for onChange event.

I can't just add more messages as the number of rows is defined by the user during the running of the application, and this would also be quite inefficient.

So how do I determine which text input has sent the message? I'm sorry if this has a really obvious answer but I couldn't find a good example for this. I've left a screenshot for more context.

[hecrj]

You could add the row index to the message to identify the input producing the messages:

enum Message {
    // ...
    DataChanged(usize, String),
    TagChanged(usize, String),
    // ...
}

[duncanf95]

ok sorry for delay, have tried this but when I provide the Message::DataChanged option to the text input it says its expecting a function input with a single argument, the ID is being set on the text input. How would I tell the text input to accept an enum with more than one argument?

[hecrj]

A TextInput expects a closure that produces a Message given a String. You can capture outside variables in this closure.

let inputs = (0..n_rows).map(|row| text_input(/*... */, move |new_value| Message::DataChanged(row, new_value)));

[hecrj]

The todos example does this:

iced/examples/todos/src/main.rs

Lines 221 to 244 in 4e409bb

	let tasks: Element<_> = if filtered_tasks.count() > 0 {
	column(
	tasks
	.iter()
	.enumerate()
	.filter(|(_, task)| filter.matches(task))
	.map(|(i, task)| {
	task.view(i).map(move |message| {
	Message::TaskMessage(i, message)
	})
	})
	.collect(),
	)
	.spacing(10)
	.into()
	} else {
	empty_message(match filter {
	Filter::All => "You have not created a task yet...",
	Filter::Active => "All your tasks are done! :D",
	Filter::Completed => {
	"You have not completed a task yet..."
	}
	})
	};